آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

آموزش طراحی سایت فروشگاهی شخصی تجاری در بابل

بدون شک، برنامه نویسی یکی از مهم‌ترین مهارت‌هایی است که امروزه نه تنها برای فارغ التحصیلان و دانشجویان رشته مهندسی کامپیوتر، بلکه برای سایر رشته‌ها و زمینه‌ها کاربرد مهمی دارد .

چیدمان صفحه وب در html

يكشنبه, ۱۶ دی ۱۳۹۷، ۱۲:۰۰ ق.ظ

طرح بندی صفحه وب بسیار مهم است که نگاهی بهتر به وب سایت شما داشته باشد. طول می کشد زمان قابل توجهی برای طراحی طرح وب سایت با نگاه و احساس عالی است.

امروزه همه وب سایت های مدرن از چارچوب CSS و جاوا اسکریپت استفاده می کنند تا وب سایت های ریسپانسیو و پویا را بیابند، اما شما می توانید یک طرح خوب با استفاده از جداول ساده HTML یا برچسب های تقسیم بندی در ترکیب با دیگر تگ های قالب بندی ایجاد کنید. این فصل به شما چند نمونه از نحوه ایجاد یک طرح ساده اما کار را برای صفحه وب شما با استفاده از HTML خالص و ویژگی های آن می دهد.

چیدمان صفحه وب در html

چیدمان HTML - استفاده از جداول

ساده ترین و محبوب ترین روش ایجاد طرح بندی، استفاده از برچسب <HTML> <table> است. این جداول در ستون ها و ردیف مرتب شده اند، بنابراین می توانید از این ردیف ها و ستون ها به هر نحوی که می خواهید استفاده کنید.


مثال

به عنوان مثال، مثال چیدمان HTML زیر با استفاده از یک جدول با 3 ردیف و 2 ستون بدست می آید، اما ستون هدر و پاورقی هر دو ستون را با استفاده از ویژگی colspan گسترش می دهد


<!DOCTYPE html>

<html>


   <head>

      <title>HTML Layout using Tables</title>

   </head>


   <body>

      <"table width = "100%" border = "0>

         

         <tr>

            <td colspan = "2" bgcolor = "#b5dcb3">

               <h1>This is Web Page Main title</h1>

            </td>

         </tr>

         <tr valign = "top">

            <td bgcolor = "#aaa" width = "50">

               <b>Main Menu</b></br >

               <HTML</br 

               <PHP</br 

               ...PERL

            </td>

            

            <td bgcolor = "#eee" width = "100" height = "200">

               Technical and Managerial Tutorials

            </td>

         </tr>

         <tr>

            <td colspan = "2" bgcolor = "#b5dcb3">

               <center>

                  Copyright © 2007 Tutorialspoint.com

               </center>

            </td>

         </tr>

         

      </table>

   </body>

</html>




نظرات  (۰)

هيچ نظري هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی