آموزش HTML - جلسه یازدهم

السلام علیک یا اباعبدالله؛ وعلی الارواح التی حلت بفنائک؛ علیک منی جمیعا سلام الله ابدا ...

سلام خدمت همه‌ی دوستان خوبم؛ امیدوارم که حالتون خوب باشه و عزاداری‌هاتون مورد قبول حضرت حق‌تعالی واقع شده باشه، ان‌شاء الله... ببخشید که جلسات آموزش اینقدر کند پیش میره و من واقعا وقت نمی‌کنم تا وبلاگ رو اونطور که باید، بروز نگه دارم. اما با جلسه 11 از آموزش برنامه‌نویسی به زبان HTML در خدمت شما هستم. در این جلسه به بررسی مفاهیم عناصر‌های سطح بلوک و عناصر درون‌خطی می‌پردازیم. با ما همراه باشید. 

معرفی عناصر سطح بلوک و درون خطی:

اکثر قریب به اتفاق عناصر در زبان HTML یا به صورت سطح بلوک و یا به صورت درون‌خطی تعریف می‌شوند. عناصر سطح بلوک معمولا با یک خط شکسته (line break) آغاز و با یک خط شکسته دیگر در انتها خاتمه می‌یابند. از جمله‌ی عناصر سطح بلوک می‌توان عناصری نظیر: <h1> ،<p> ،<ul> ،<table> را نام برد.

عناصر درون‌خطی بدون line break در آغاز و انتها تعریف می‌شوند. از جمله‌ی این عناصر می‌توان عناصری نظیر: <b> ،<td> ،<a> ،<img> را نام برد.

عنصر <div>، یک عنصر سطح بلوک:

عنصر <div> یک عنصر سطح بلوک است که می‌تواند به عنوان ظرفی برای گروه‌بندی دیگر‌ عناصر به کار گرفته‌شود. این عنصر به تنهایی هیچ معنای خاصی ندارد و در صورت تعریف در یک سند HTML یک line break قبل و بعد از آن ایجاد می‌شود. اما هنگامی که با CSS همراه شود می‌تواند برای تعیین سبک (style) بلوک‌های بزرگی از محتواهای گوناگون مورد استفاده قرار گیرد. یکی دیگر از کاربردهای متداول این عنصر در تعریف Layout (سبک چینش) سند HTML است که بایستی جایگزین روش غلط لایه بندی صفحه با استفاده از جداول (tables) گردد. درست این است که از جداول تنها برای محتواهای جدولی استفاده کرده و از عنصر <div> برای لایه‌بندی و چینش عناصر گوناگون در سند HTML خود بهره بجوئیم.

عنصر <span>، یک عنصر درون‌خطی:

عنصر <span> یک عنصر درون‌خطی است که می‌تواند به عنوان ظرفی برای گروه‌بندی متون به کار گرفته‌شود. این عنصر به تنهایی هیچ معنای خاصی ندارد. اما هنگامی که با CSS همراه شود می‌تواند برای تعیین سبک (style) بخش‌هایی از متون مورد استفاده قرار گیرد.

اگر این مطلب را می‌پسندید آن‌را در گوگل محبوب کنید: