آموزش Html؛ آموزش کار با عناصر Block و Inline در HTML

در جلسه دوازدهم آموزش اچ تی ام ال در خدمت شماییم با آموزش Html؛ آموزش کار با عناصر Block و Inline در HTML از وب سایت آموزش برنامه نویسی سورس باران.

آموزش کار با عناصر Block و Inline در HTML

تمام عناصر HTML با توجه به نوع خود دارای یک مقدار نمایش پیش‌فرض هستند. این مقدار برای بیشتر عناصر به صورت block یا inline است.

Every HTML element has a default display value depending on what type of element it is. The two display values are: block and inline.

حتما بخوانید : طراحی وب سایت در شیراز

عناصر block-level در اچ تی ام ال

یک عنصر block-level همیشه در یک خط جدید آغاز شده و تمام عرض موجود را اشغال می‌کند (تا جایی که بتواند به سمت چپ و راست کشیده می‌شود). عنصر <div> یک عنصر block-level است.

پیشنمایش [toggle title=” لیست عناصر block-level در اچ تی ام ال”] [/toggle]

 

عناصر Inline در Html

عنصر inline در یک خط جدید شروع نشده و فقط عرض مورد نیاز را اشغال می‌کند:

پیشنمایش [toggle title=” لیست عناصر Inline در Html “] [/toggle]

 

عنصر <div> در Html

عنصر <div> اغلب به عنوان محفظه‌ی عناصر دیگر HTML مورد استفاده قرار می‌گیرد. وقتی از این عنصر به همراه CSS استفاده می‌شود، می‌توان از آن برای استایل دادن به block های محتوا استفاده کرد:

پیشنمایش

 

عنصر <span> در Html

عنصر <span> اغلب به عنوان محفظه‌ای برای متن به کار برده می‌شود. این عنصر نیاز به هیچ‌گونه خصوصیتی (attribute) نداشته اما معمولا از خصوصیت‌های style و class برای آن استفاده می‌شود. وقتی عنصر <span> همراه با CSS به کار برده می‌شود می‌توان از آن‌ برای استایل دادن به بخش‌هایی از متن استفاده کرد:

پیشنمایش

HTML Grouping Tags

Tag	Description
<div>	Defines a section in a document (block-level)
<span>	Defines a section in a document (inline)

منبع : W3Schools

لیست جلسات قبل آموزش Html

1. آموزش اصول اولیه و عناصر HTML
2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
3. آموزش کار با پاراگراف و استایل در Html
4. آموزش کار با قالب بندی متن در Html
5. آموزش کار با کامنت در HTML
6. آموزش کار با کامنت در HTML
7. آموزش کار با رنگ ها در HTML
8. آموزش کار با تصاویر در HTML
9. آموزش کار با لینک در HTML
10. آموزش کار با جدول در HTML
11. آموزش کار با لیست ها در HTML
12. آموزش کار با عناصر Block و Inline در HTML
13. آموزش کار با عنصر Class در HTML
14. آموزش Html؛ آموزش iframe در HTML
15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
16. آموزش کار با عنصر Head در HTML
17. آموزش Layout در HTML
18. آموزش طراحی سایت ریسپانسیو در HTML
19. آموزش عناصر کد کامپیوتر در HTML
20. آموزش موجودیت (Entities) در HTML
21. آموزش نمادها (Symbols) در HTML
22. آموزش کار با Character (کاراکترهای رزرو شده) در HTML
23. آموزش رمزگذاری URL در HTML
24. آموزش کامل کار با فرم ها در HTML
25. آموزش انواع ورودی (Input) در HTML
26. آموزش خصوصیات ورودی در HTML

حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی

حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.