عناصر Inline و block در HTML
در زبان HTML و صفحات وب چند نوع تگ داریم.از حیث انواع display ها می توان تگ ها را به چندین دسته تقسیم کرد.این موضوع مطلبی اساسی و مهم در زمینه آموزش HTML می باشد و توصیه می گردد این پست را به دقت مطالعه نمایید.
انواع display ها در عناصر HTML
در سری مقالات آموزش ابتدایی HTML دسته اول عناصری هستند که در HTML ، به Block-Level مشهور هستند.این عناصر در حالت پیش فرض فdisplay از نوع block دارند.یعنی عنصر،تمام سطر را در بر میگیرد.مثال : تگ div در HTML و همچنین تگ p در HTML ،به عنوان مثال: تگ های h1 تا h6 هم از همین نوع هستند.دسته دوم عناصر معروف به Inline هستند که در صفحات HTML ، سطر جدید به خود اختصاص نمی دهند.بلکه ، در یک ردیف و یک سطر در صفحه HTML قرار می گیرند.به عنوان مثال تگ های span و تگ a در HTML از این دسته هستند.برای قالب بندی صفحات HTML ، عمدتا از تگ های نوع اول استفاده می شود.می دانید که تگ span بای نمایش متن ساده درون یک پاراگراف استفاده می شود.عموما تگ های نوع اول در HTML ، دربرگیرنده تگ های دیگر صفحه هستند،به عنوان مثال:
تیتر
این متن درون تگ بالایی قرار گرفته است
در مثال بالا، تگ div که از نوع block-element می باشد، دربرگیرنده تگ های h2 و p می باشد.چگونه در HTML می توان display را تغییر داد؟ در HTML می توان شیوه نمایش عناصر یعنی همان display ، را تغییر داد.به عنوان مثال می توان تگ div که از نوع block-element است را به حالت inline تبدیل نمود.یا اینکه می توان تگ span که از نوع inline است را به حالت block تبدیل نمود.در هر صفحه HTML ، با توجه به نیازی که وجود دارد ،می توان عناصر HTML را از حالت پیش فرض خود خارج کرد و به ان ها display جدیدی در HTML بخشید.عناصر inline درون عناصر block : درون هر عنصر block عموما می توان از عناصر inline با این هدف استفاده نمود که چندین بخش مختلف را درون یک سطر و در کنار هم قرار داد.
This Span in heading tag
در مثال بالا،درون تگ h ، یک تگ span قرار گرفته است.در این تکه کد HTML می بینیم، که برای برجسته کردن بخشی از یک تگ h ،از یک تگ span در HTML کمکگرفته شده است.چرا که ما میخواهیم در همان سطر باقی بماند یعنی display از نوع Inline باشد.پایان/ توجه نمایید که جهت آموزش ASP.NET از مقالات مربوطه می توانید استفاده نمایید.
این فصل در یک نگاه:
در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشنها محسوب میشود. در واقع HTML را عنصر کلیدی صفحات وب می…این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…این فصل در یک نگاه:
طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…
توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap و به صورت تضمینی و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …