قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس
خانه / آموزش html / عناصر های مختلف html

عناصر های مختلف 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>

<h2>تیتر</h2>
<p>این متن درون تگ بالایی قرار گرفته است</p>

</div>

در مثال بالا،  تگ div که از نوع block-element می باشد، دربرگیرنده تگ های h2 و p می باشد.چگونه در HTML می توان display را تغییر داد؟ در HTML می توان شیوه نمایش عناصر یعنی همان display ، را تغییر داد.به عنوان مثال می توان تگ div که از نوع block-element است را به حالت inline تبدیل نمود.یا اینکه می توان تگ span که از نوع inline است را به حالت block تبدیل نمود.در هر صفحه HTML ، با توجه به نیازی که وجود دارد ،می توان عناصر HTML را از حالت پیش فرض خود خارج کرد و به ان ها display جدیدی در HTML بخشید.عناصر inline درون عناصر block : درون هر عنصر block عموما می توان از عناصر inline با این هدف استفاده نمود که چندین بخش مختلف را درون یک سطر و در کنار هم قرار داد.

<h1>This <span style="color:red">Span</span> in heading tag</h1>

در مثال بالا،درون تگ h ، یک تگ span قرار گرفته است.در این تکه کد HTML می بینیم، که برای برجسته کردن بخشی از یک تگ h ،از یک تگ span در HTML کمکگرفته شده است.چرا که ما میخواهیم در همان سطر باقی بماند یعنی display از نوع Inline باشد.پایان/ توجه نمایید که جهت آموزش ASP.NET از مقالات مربوطه می توانید استفاده نمایید.

 

سايت بزرگ کليک سايت،بهترين مرجع در ضمينه آموزش طراحي سايت و آموزش html و آموزش css ميباشد.تمامي فيلم هاي آموزشي اين سايت توسط استادان کاردان و بسيار با تجربه تهيه شده که تضميني بر کيفيت بالاي تمامي آن ها است.قيمت محصولات نيز کاملا رقابتي بوده و با مقايسه آن با ساير سايت ها ميتوان به خوبي متوجه اين موضوع شد.

درباره ی admin

مطلب پیشنهادی

تفاوت های مهم داینامیک و استاتیک

در این مقاله به رابطه HTML و مفهوم استاتیک می پردازیم.اما واقعا تفاوت سایت های …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس