مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل آموختیم که چگونه از تگ header استفاده نماییم؛ تگ header تگی است که به کمک آن می توان برای یک سند HTML یک هدر یا عنوان تعریف کرد.
در این جلسه قرار است به آموزش کار با تگ hr در HTML بپردازیم.
آموزش کار با تگ hr در HTML
به مثال زیر توجه نمایید.
در این مثال از تگ hr استفاده شده تا با تعریف یک ریشه یک محتوا را تغییر دهیم.
مثال :
| <h1>HTML</h1> <p>HTML is a language for describing web pages.....</p> <hr> <h1>CSS</h1> <p>CSS defines how to display HTML elements.....</p> |
تعریف و کاربرد
تگ hr تگی است که می توان به کمک آن یک خط افقی را در یک صفحه وب ایجاد نمود.
بنابرینمی توان از این تگ برای جداسازی مطالب در HTML استفاده کرد.
پشتیبانی مرورگر ها
تفاوت بین HTML 4.01 و HTML5
در HTML5 ، تگ <hr> یک وقفه موضوعی را تعریف می کند.
اما در HTML 4.01 ، تگ <hr> یک قانون افقی را نشان می دهد.
با این حال، تگ <hr> ممکن است هنوز در مرورگرهای بصری به عنوان یک قاعده افقی نمایش داده شود، اما اکنون به جای اصطلاحات ارائه (semantic terms)، در اصطلاحات معنایی تعریف شده است.
لذا تمام خصیصه های layout در HTML5 حذف می شوند و باید به جای آن ها از CSS استفاده کرد.
تفاوت بین HTML و XHTML
در HTML ، تگ <hr> دارای تگ انتهایی نیست.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| align | left
center
right | این خصیصه موقعیت قرار گیری تگ hr را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| noshade | noshade | این خصیصه تعیین می کند که یک تگ hr دارای سایه باشد یا نه.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| size | pixels | این خصیصه اندازه ارتفاع تگ hr را مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| width | pixels
% | این خصیصه اندازه عرض تگ hr را تعیین می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <hr> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <hr> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <hr> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; } |
کلام آخر
در این جلسه به آموزش کار با تگ hr در HTML پرداختیم و آموختیم که به کمک آن می توان یک خط افقی را در یک صفحه وب ایجاد نمود.
در جلسه آینده شما را با تگ html آشنا می نماییم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
