٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش بلوک HTML و عناصر درون خطی

بسته به نوع عنصری که دارد ، هر عنصر HTML دارای مقدار نمایش پیش فرض است. دو مقدار نمایش وجود دارد: بلوک و درون خطی. عناصر سطح بلوک یک عنصر سطح بلوک همیشه از یک خط جدید شروع می شود.…

محمد یوسفی

27 ژوئن 2021

بسته به نوع عنصری که دارد ، هر عنصر HTML دارای مقدار نمایش پیش فرض است.

دو مقدار نمایش وجود دارد: بلوک و درون خطی.

عناصر سطح بلوک

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

یک عنصر سطح بلوک همیشه عرض کامل را اشغال می کند (تا آنجا که می تواند به سمت چپ و راست کشیده می شود).

یک عنصر سطح بلوک حاشیه بالا و پایین دارد ، در حالی که یک عنصر درون خطی ندارد.

عنصر <div> یک عنصر در سطح بلوک است.

<div>Hello World</div>

در اینجا عناصر سطح بلوک در HTML وجود دارد:

<address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure><footer><form><h1>-<h6><header><hr><li><main><nav><noscript><ol><p><pre><section><table><tfoot><ul><video>

عناصر درون خطی

یک عنصر درون خطی از یک خط جدید شروع نمی شود.

یک عنصر درون خطی فقط به اندازه لازم عرض می گیرد.

این یک عنصر <span> درون یک پاراگراف است.

مثال

<span>Hello World</span>

در اینجا عناصر درون خطی در HTML وجود دارد:

<a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

توجه: یک عنصر درون خطی نمی تواند شامل یک عنصر سطح بلوک باشد!


عنصر <div>

این <div>عنصر اغلب به عنوان ظرف سایر عناصر HTML استفاده می شود.

<div>عنصر با هیچ ویژگی های مورد نیاز، اما style، classو idرایج است.

هنگامی که همراه با CSS <div>استفاده می شود ، می توان از این عنصر برای سبک سازی بلوک های محتوا استفاده کرد:

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

عنصر <span>

این <span>عنصر یک ظرف درون خطی است که برای علامت گذاری بخشی از یک متن یا بخشی از یک سند استفاده می شود.

<span>عنصر با هیچ ویژگی های مورد نیاز، اما style، classو idرایج است.

هنگامی که همراه با CSS <span>استفاده می شود ، می توان از این عنصر برای سبک بخشیدن به متن استفاده کرد:

مثال

<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.</p>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها