دوشنبه ۰۶ اردیبهشت ۰۰ | ۱۲:۱۰ ۲,۲۰۰ بازديد
برچسب های HTML دارای دو نوع اصلی هستند:
برچسب های سطح بلوک و درون خطی.
عناصر سطح بلوک فضای کامل موجود را اشغال می کنند و همیشه یک خط جدید در سند شروع می کنند. عنوان ها و پاراگراف ها نمونه ای عالی از برچسب های بلوک هستند.
عناصر درون خط فقط به اندازه فضای مورد نیاز خود را اشغال می کنند و خط جدیدی را در صفحه شروع نمی کنند. آنها معمولاً برای قالب بندی محتوای داخلی عناصر سطح بلوک عمل می کنند. پیوندها و رشته های تأکید شده نمونه های خوبی از برچسب های درون خطی هستند.برچسب های سطح بلوک
سه برچسب سطح بلوک که هر سند HTML نیاز دارد حاوی <html> ، <head> و <body> باشد.
برچسب <html> </html> بالاترین عنصری است که هر صفحه HTML را در بر می گیرد.
برچسب <head> </head> دارای اطلاعات متا مانند عنوان صفحه و نام کاربری است.
سرانجام ، برچسب <body> </body> تمام محتوای ظاهر شده در صفحه را در بر می گیرد.
عناوین دارای 6 سطح در HTML هستند. دامنه آنها از <h1> </h1> تا <h6> </h6> است ، جایی که h1 عنوان بالاترین سطح و h6 کمترین عنوان است. پاراگراف ها توسط <p> </p> محصور می شوند ، در حالی که نقل قول های بلوکی از برچسب <blockquote> </blockquote> استفاده می کنند.
بخشها بخشهای محتوای بزرگتری هستند که به طور معمول شامل چندین پاراگراف ، تصویر ، گاهی اوقات نقل قول های مسدود و سایر عناصر کوچکتر هستند. با استفاده از برچسب <div> </div> می توانیم آنها را علامت گذاری کنیم. یک عنصر div می تواند شامل یک برچسب div دیگر نیز در داخل آن باشد.
همچنین می توانید از برچسب <ol> </ol> برای لیست های مرتب شده و <ul> </ul> برای موارد غیر مرتب استفاده کنید. موارد جداگانه لیست باید توسط برچسب <li> </li> محصور شوند. به عنوان مثال ، یک لیست غیر مرتب شده در HTML به این شکل است:
برچسب های درون خطی
بسیاری از برچسب های درون خطی برای قالب بندی متن استفاده می شوند. به عنوان مثال ، یک برچسب <strong> </strong> عنصری را به صورت پررنگ نشان می دهد ، در حالی که برچسب <em> </em> آن را با حروف کج نشان می دهد.
پیوندها همچنین عناصر درون خطی هستند که برای نشان دادن مقصد پیوند به برچسب <a> </a> و ویژگی های href نیاز دارند:
<a href="https://example.com/"> روی من کلیک کنید! </a>
تصاویر نیز عناصر خطی هستند. بدون استفاده از برچسب بسته می توانید یکی را با استفاده از <img> اضافه کنید. اما همچنین برای تعیین مسیر تصویر باید از ویژگی src استفاده کنید:
<img src = "/ images / example.jpg" alt = "نمونه تصویر">
اگر می خواهید برچسب های HTML بیشتری بیاموزید ، بررسی کنید صفحه کامل تقلب HTML (که برای بارگیری نیز موجود است) ما را بررسی کنید.
تکامل HTML. چه تفاوتی بین HTML و HTML5 وجود دارد؟
از روزهای اول ، HTML یک تحول باورنکردنی را پشت سر گذاشته است. W3C دائماً نسخه ها و به روزرسانی های جدید را منتشر می کند ، در حالی که نقاط عطف تاریخی نیز نام های اختصاصی دارند.
HTML4 (این روزها که معمولاً "HTML" نامیده می شود) در سال 1999 منتشر شد ، در حالی که آخرین نسخه اصلی آن در سال 2014 منتشر شد. این نسخه به نام HTML5 ، بسیاری از ویژگی های جدید را به این زبان معرفی کرده است.
منبع: https://www.investopedia.com/terms/h/html.asp
برچسب های سطح بلوک و درون خطی.
عناصر سطح بلوک فضای کامل موجود را اشغال می کنند و همیشه یک خط جدید در سند شروع می کنند. عنوان ها و پاراگراف ها نمونه ای عالی از برچسب های بلوک هستند.
عناصر درون خط فقط به اندازه فضای مورد نیاز خود را اشغال می کنند و خط جدیدی را در صفحه شروع نمی کنند. آنها معمولاً برای قالب بندی محتوای داخلی عناصر سطح بلوک عمل می کنند. پیوندها و رشته های تأکید شده نمونه های خوبی از برچسب های درون خطی هستند.برچسب های سطح بلوک
سه برچسب سطح بلوک که هر سند HTML نیاز دارد حاوی <html> ، <head> و <body> باشد.
برچسب <html> </html> بالاترین عنصری است که هر صفحه HTML را در بر می گیرد.
برچسب <head> </head> دارای اطلاعات متا مانند عنوان صفحه و نام کاربری است.
سرانجام ، برچسب <body> </body> تمام محتوای ظاهر شده در صفحه را در بر می گیرد.
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>
عناوین دارای 6 سطح در HTML هستند. دامنه آنها از <h1> </h1> تا <h6> </h6> است ، جایی که h1 عنوان بالاترین سطح و h6 کمترین عنوان است. پاراگراف ها توسط <p> </p> محصور می شوند ، در حالی که نقل قول های بلوکی از برچسب <blockquote> </blockquote> استفاده می کنند.
بخشها بخشهای محتوای بزرگتری هستند که به طور معمول شامل چندین پاراگراف ، تصویر ، گاهی اوقات نقل قول های مسدود و سایر عناصر کوچکتر هستند. با استفاده از برچسب <div> </div> می توانیم آنها را علامت گذاری کنیم. یک عنصر div می تواند شامل یک برچسب div دیگر نیز در داخل آن باشد.
همچنین می توانید از برچسب <ol> </ol> برای لیست های مرتب شده و <ul> </ul> برای موارد غیر مرتب استفاده کنید. موارد جداگانه لیست باید توسط برچسب <li> </li> محصور شوند. به عنوان مثال ، یک لیست غیر مرتب شده در HTML به این شکل است:
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
برچسب های درون خطی
بسیاری از برچسب های درون خطی برای قالب بندی متن استفاده می شوند. به عنوان مثال ، یک برچسب <strong> </strong> عنصری را به صورت پررنگ نشان می دهد ، در حالی که برچسب <em> </em> آن را با حروف کج نشان می دهد.
پیوندها همچنین عناصر درون خطی هستند که برای نشان دادن مقصد پیوند به برچسب <a> </a> و ویژگی های href نیاز دارند:
<a href="https://example.com/"> روی من کلیک کنید! </a>
تصاویر نیز عناصر خطی هستند. بدون استفاده از برچسب بسته می توانید یکی را با استفاده از <img> اضافه کنید. اما همچنین برای تعیین مسیر تصویر باید از ویژگی src استفاده کنید:
<img src = "/ images / example.jpg" alt = "نمونه تصویر">
اگر می خواهید برچسب های HTML بیشتری بیاموزید ، بررسی کنید صفحه کامل تقلب HTML (که برای بارگیری نیز موجود است) ما را بررسی کنید.
تکامل HTML. چه تفاوتی بین HTML و HTML5 وجود دارد؟
از روزهای اول ، HTML یک تحول باورنکردنی را پشت سر گذاشته است. W3C دائماً نسخه ها و به روزرسانی های جدید را منتشر می کند ، در حالی که نقاط عطف تاریخی نیز نام های اختصاصی دارند.
HTML4 (این روزها که معمولاً "HTML" نامیده می شود) در سال 1999 منتشر شد ، در حالی که آخرین نسخه اصلی آن در سال 2014 منتشر شد. این نسخه به نام HTML5 ، بسیاری از ویژگی های جدید را به این زبان معرفی کرده است.
منبع: https://www.investopedia.com/terms/h/html.asp
افزودن لوگو برای هدر شفاف در آسترا