PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : [آموزش html]جلسه چهارم : عنوان ها ، خط و توضیحات



آگونیس
May 2nd, 2012, 13:02
۲ (http://codedrive.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4/%d8%ac%d9%84%d8%b3%d9%87-%da%86%d9%87%d8%a7%d8%b1%d9%85-%d8%b9%d9%86%d9%88%d8%a7%d9%86-%d9%87%d8%a7-%d8%8c-%d8%ae%d8%b7-%d9%88-%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa/#comments) http://codedrive.ir/wp-content/uploads/2012/04/html-4.jpg (http://codedrive.ir/wp-content/uploads/2012/04/html-4.jpg)
عنوان ها در HTML عنوان ها در HTML با تگ های <h1> تا <h6> تعریف می شوند. <h1> برای تعریف مهم ترین عنوان و <h6> برای تعریف کم اهمیت ترین عنوان به کار می رود.


1
2
3

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>






نکته : مرورگر ها به صورت پیش فرض مقداری فضای خالی (margin) را قبل و بعد از عنوان های اضافه می کنند.
عنوان ها مهم هستند ! از تگ های عنوان برای عناوین بخش های مختلف سایت استفاده کنید. به هیچ وجه به منظور بولد کردن متن ها از عنوان های استفاده نکنید.
موتورهای جستجو برای ایندکس کردن ساختار و محتوای صفحه وب شما از عنوان ها استفاده می کنند.
هنگامی که کاربران سایت به صورت سطحی مشغول مطالعه سایت شما هستند عنوان ها بیشتر به چشم می آیند. بنابراین استفاده از عنوان ها برای تعیین ساختار سایت شما بسیار مهم هستند.
از H1 برای تعیین مهم ترین عنوان سایت استفاده کنید. به ترتیب از شماره های بعدی به منظور عنوان های کم اهمیت تر استفاده کنید.
خط ها در HTML تگ <hr /> برای ایجاد یک خط افقی در صفحه وب به کار می رود. از این خطوط می توان برای جداسازی محتوای صفحه استفاده نمود.


1
2
3
4
5

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>






توضیحات در HTML توصیحات برای خوانایی و درک بیشتر کدهای HTML ، در بین آن ها اضافه می شوند. توضیحات به صورت زی نوشته می شوند :


1

<!-- This is a comment -->






نکته : توجه داشته باشید که بعد از باز کردن براکت ، علامت تعجب وجود دارد ولی هنگام بستن آن وجود ندارد.
راهنمایی : چگونه کد های یک صفحه را ببینیم ! بعضاً پیش می آید که موقع دیدن وبسایتی نکته ای جالب رو می بینید که دوست دارید چگونگی انجام اون رو متوجه بشید. برای این کار کافیه داخل صفحه راست کلیک کرده و گزینه “View Source” (در مرورگر IE) یا “View Page Source” (در مرورگر فایرفاکس) یا چیزی شبیه به این ها در بقیه مرورگر ها را انتخاب کنید. با انجام این کار پنجره جدیدی باز شده و کدهای HTML صفحه را به شما نشان خواهد داد.