آموزش تگ div و استایل دهی در آموزش جامع HTML

شما در انتهای این دره میتوانید با مهارت های کسب شده خود به راحتی جذب بازار کار شده و به عنوان یک وبمستر کسب درآمد چندین برابری داشته باشید. استخدام شدن شما با مهارت های کسب شده این دوره جامع قطعی میباشد. بطور کلی اینو بدونید که تگ div مثه یه ظرف ( Container ) میمونه برای نگهداری دیگر تگ ها، یعنی عملا هرچیزی رو میشه گذاشت داخل تگ div ، همین تموم شد رفت. داتیس نتورک فعالیت حرفه ای خود را در سال 1393 با هدف دسترسی آسان فارسی زبان ها به آموزش های حوزه فناوری و شبکه آغاز کرد و اکنون با حمایت شما عزیزان جزو 500 سایت برتر ایران هستیم. کلمه div از 3 حرف اول division گرفته شده که به معنای بخش یا تقسیم می باشد.

مرورگرها بصورت پیش فرض یک سطر خالی که یک خط فاصله به اندازه یک سطر است را قبل و بعد و همچنین از بالا و پایین به این تگ اضافه می کنندکه ما میتوانیم آن را از طریق CSS دهی آن را حذف کنیم. تگ div می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است. امیدواریم مقاله آشنایی با مفهوم و کاربر Tag دایو برای شما مفید بوده باشد.

ابتدا چند مورد div به وجود می آوریم و قسمت های مختلف بین قسمت باز و بسته آن ایجاد می نماییم. نظرات خود را در ارتباط با بخش “کار با Div در HTML” بنویسید. به پایان این جلسه رسیدیم امیدوارم تا اینجا از این مجموعه آموزشی لذت ببرید. امیدواریم که این بار هم این آموزش، موفق به جلب رضایتتان شده باشد. تجربیات، پیشنهاد‌ها و نظرات شما بدون شک در ادامه‌ی این مقالات آموزشی تأثیر بسزایی خواهد داشت.

هر بلوک HTML یک بلوک استاندارد برای اضافه کردن متن، تصویر و دیدیو و ویجت است. تگ div در HTML یک بخش را در سند تعریف می کند، معمولاً از این عنصر برای قالب بندی و نگهداری بخش های مختلف صفحات وب استفاده می شود. عنصر div در html یکی از عناصر و تگ های مهم و کاربردی می باشد. در این بخش از آموزش html از تاپ سایت 98 به سراغ div می رویم و همه چیز در مورد تگ div در قالب مثال و پروژه html , css یاد می گیریم. در این مقاله هر آنچیز که در مورد تگ div در HTML اعم از مفاهیم، ساختار، نوع کدنویسی این تگ و تفاوت آن با span  و دیگر عناصر لازم است تا شما تسلط کافی در این زمینه پیدا کنید، بیان شد.

آموزش و یادگیری سریع و حرفه ای را با بهترین آموزشگاه برنامه نویسی و طراحی سایت غرب تهران تجربه کنید. اگر هنوز html , css را به طور کامل بلد نیستید و میخواهید یک وبمستر حرفه ای بشید و به راحتی تمام امور یک سایت را مدیریت کنید میتوانید در دوره آموزش وبمستر آریا تهران شرکت کنید. تگ دایو یکی از پرکاربرد ترین تگ های HTML می باشد که در کل برای لایه بندی یا بخش بندی استفاده می شود. در نمونه زیر یک تگ div به همراه یک خاصیت عمومی id با نام contentinfo قرار گرفته است. استایل contentinfo در فایل style2.css که بعد از نمونه گفته شده است قرار دارد. بلوک ها قابلیت انعطاف پذیری بالایی در همکاری با سایر بخش های محتوای صفحه در نمایش محتوایی خاص را دارند.

آموزش کلاس و div

با استفاده از این تگ، می‌توانید قسمت‌های مختلف وب‌سایت را به راحتی مشخص کنید و به کاربران این امکان را بدهید تا به راحتی از محتوای وب‌سایت شما استفاده کنند. قبل از اینکه html اینقدر پیشرفت کند برای بخش بندی صفحه وب از جدول استفاده میشد. امروز دیگر استفاده از جدول غیراصولی است و از نظر سئو نیز نمره منفی دارد. به همین جهت برای بخش بندی از تگ هایی مانند div, section, header, footer و همچنین برای ایجاد بخش اصلی سایت از تگ main در html استفاده می شود. تگ div یکی از پرکاربرد ترین تگ های HTML می باشد که در کل برای بخش بندی یا لایه بندی استفاده می شود.

خب با توجه به مسائل بالا می‌رسیم به اینکه اولا تگ Div یک نوع المان block است و در کنار خود المان‌های دیگر را نگه نمی‌دارد. البته در حال عادی این موضوع صدق می‌کند و شما می‌توانید در css تمامی المان ها را از inline به block  و بلعکس تغییر دهید. Divison به‌معنای تقسیم کردن است و درواقع المان‌های div نیز وظیفه تقسیم‌بندی صفحات به بخش‌های مختلف را دارند.

به عبارت دیگه هرجایی از سایتمون که نیاز بود میتونیم از تگ div به عنوان Parent بقیه تگ ها استفاده کنیم. اگه با مبحث parent و child آشنایی ندارید، میتونید جلسه آموزش لینک هارو مشاهده کنید. تگ div که از کلمه Division گرفته شده و به فارسی دایو یا دیو تلفظ میشه، یه تگ پر استفاده و مهمه و کارش بخش بندی سایته. تگ div برای بخش بندی و لایه بندی صفحه html و سایت بکار می رود. با شرکت در دوره طراحی سایت امکان اشتغال ۱۰۰ درصدی برای شما فراهم خواهد شد.

تگ sup در HTML

با توجه به کاربردی که برای تگ دایو مطرح کردیم، حالا با آموزش قالب بندی سایت با div، این موضع را کاملا شفاف می کنیم. در ادامه یک سند کامل از یک صفحه وب برای شما قرار داده شده است. در کد های این سند و با استفاده از div های تودرتو یک صفحه ساده ساخته شده. تگ div مخفف کلمه ی divison به معنای تقسیم کردن است؛ در کل می‌توان با توجه به این معنی به این موضوع رسید که وظیفه‌ی تگ div تقسیم بندی صفحات و باکس‌های موجود در آن به بخش‌های مختلف است. در واقع به کمک تگ Div شما می‌توانید صفحاتتان را به بخش‌های مختلف مانند بخش header، بخش sidebar، بخش content، بخش footer و … تقسیم بندی کنید.

قبل از بررسی تگ‌های div به بررسی المان‌های block و inline می‌رسیم. برای بخش بندی های کوچکتر صفحه، که قصد انتقال معنا و مفهوم خاصی به موتوهای جستجو ندارید از تگ div در html استفاده کنید. مثلا زمانی که هدف شما فقط این است که به آن قسمت استایل خاصی بدهید تگ دایو مناسب می باشد.

آخرین ویدیوهای وبسافت3

تگ div جز مهم ترین تگ ها برای بخش بندی سایت در HTML هست. توی این مقاله اول با این دو تگ آشنایی کامل پیدا میکنیم و بعد تفاوت هاشون رو بررسی میکنیم. اگر نمی دانید تگ div چیست حتما مقاله آموزش کامل تگ div در html را تا انتها مطالعه کنید. در این مقاله با کاربرد عنصر div در html5، تقسیم بندی صفحه با استفاده از تگ div و… آشنا خواهید شد. در ادامه با ما همراه باشید و سوالات خود را در انتهای همین مقاله مطرح کنید.

قبل از اینکه تگ div به پروتکل html اضافه شود، طراحان وب سایت برای ایجاد قسمت های مختلف سایت مثل هدر، فوتر، ساید بار و… از جدول یا همان تگ table استفاده می کردند. اما تگ div با روی کار آمدنش این وظیفه برعهده گرفته و کار را بسیار ساده تر کرد. اما امروزه برای بخش بندی وب سایت از تگ div استفاده می شود و شما به راحتی می توانید بخش های مختلف وب سایت را ایجاد کنید. سال‌های سال است که نویسندگان این مجموعه با ارائه‌ی اندوخته‌ها و تجربیات خود در حوزه‌های برنامه‌نویسی، طراحی وب و هوش مصنوعی که دانش آموخته و فعال این حوزه هستند در کنار شما هستند. فرض کنید صفحه اچ‌تی‌ام‌ال شما همانند یک انباری است و المان‌های اچ‌تی‌ام‌ال (همچون متن‌‌ها یا هدرها یا هر چیز دیگر) وسایل این انباری هستند.

تگ div در html یکی از تگ های کاربردی می باشد که می توانیم با آن صفحه را به بخش های مختلف تقسیم کنیم. تگ دایو یا دیو مانند یک ظرف است که می توانیم هر چیزی داخل آن بریزیم. در این نوشته استفاده از تگ div در html به صورت اصولی آموزش داده می شود تا بتوانید به بهترین نحو آن را به کار ببرید. در واقع با استفاده از این تگ می توان سند HTML یا همان صفحه وب سایت خود را به بلوک ها یا boxهایی جداگانه تقسیم کرد و در هر بلوک محتوا و المان های مورد نظر خود را قرار داد. پس کار تگ div بلوک بندی سند ما است و هر بلوک هم می تواند شامل تعدادی المان باشد. استفاده از تگ div برای تقسیم بندی قالب‌های وب‌سایت و محتوای آن به صورت ساختاری و سلسله مراتبی مفید است.

اگرچه در نسخه HTML5 تگ section را در بسیاری مواقع جایگزین تگ div قرار می دهند، اما هنوز هم در بسیاری لایه بندی ها و ساخت گروه تگ ها از تگ کاربردی دیو یا دایو استفاده می کنند. اگر به یادگیری html و css علاقمند هستید حتما از فیلم رایگان آموزش html css پروژه محور رایگان استفاده کنید. فراموش نکنید که مطابق با قوانین جدید، حتما از تگ های مرتبط با بخش بندی مثل تگ div ,header ,section ,footer و..

آشنایی با تگ Input و خاصیت های آن در HTML

یک سری خط چین هم نمایش داده می شود که طول و عرض آن جعبه را مشخص می کند. سلام خدمت تمام کاربران عزیزدر این جلسه ابتدا با تگ پرکاربرد div در html آشنا می شویم. سپس به آموزش خصوصیت content ، margin و border و  padding در CSS که در بحث طراحی سایت بسیار پرکاربرد و مفید می باشند می پردازیم. در این مثال برای اینکه بتوانید فقط کلمه قرمز را به رنگ قرمز نمایش دهید، راهی جز استفاده از تگ span ندارید.

بخش بندی سایت در HTML، در گذشته با جدول ها انجام میشد؛ یعنی یه جدول درست میکردن و هر بخش از سایت رو توی یه سلول از اون میزاشتن. اما این روش الان دیگه غیر اصولی و منسوخ شده، چون روی موتور های جستجو و سئو تاثیر منفی و بدی داره. روش جایگزین و جدید برای این کار تگ div هست که در اینجا اون رو کامل یاد میگیریم. این تگ مثل ظرفی عمل میکنه که ما میتونیم هر تگی که بخوایم رو داخل اون بریزیم.

در مثال زیر ما یک تگ h1 ایجاد کرده ایم من قصد دارم بخش com آن را قرمز کنم برای این کار می توانیم از span استفاده کنیم. بخندید کتاب بخونید و خوب باشید تا جامعه مون به آرامش برسه. برای کمک به سایت ما و گسترش آموزش در بین هموطنان، در سایتها، وبلاگ ها و شبکه های اجتماعی لینک سایت ما را درج کنید. این در حالی است که تگ span معمولا برای طرح بندی متون استفاده شده و یک تگ Inline Level یا اینلاینی یا خطی است. ما در مثال بالا به کمک تگ div دو بخش، که هر کدام داری یک تگ h2 و یک تگ p هستند درست کرده و با سی اس اس دهی خطی به هر کدام از آنها یک بکگراند اختصاص دادیم. تگ div از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

تگ span یک تگ inline است یعنی متن را به خط بعد نمی برد و می توان چند تگ  span را در یک خط قرار داد. معمولا مرورگرها تگ div را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند. در این جلسه به بررسی کاربرد و نحوه استفاده از تگ بسیار پرکاربرد div می پردازیم و استایل هایی مانند margin , padding , border-radius , gap , direction , display و ... این المان‌ها در واقع یک جور المان‌های خودخواه هستند چون نمی‌توانند دیگران را در کنار خود ببینند.

تگ div یکی از پرکاربردترین تگ‌ها در HTML است که برای تقسیم بندی محتوای وب‌سایت به قسمت‌های مختلف استفاده می‌شود. این تگ به عنوان یک کانتینر و بسته بندی برای گروه بندی عناصر HTML مورد استفاده قرار می‌گیرد و می‌تواند برای ایجاد ستون‌ها، قاب‌ها، بخش‌ها، بلاک‌ها و … به کار رود. تگ div یکی از تگ های html مهم و پرکاربرد به حساب می آید، و همانطور که در ادامه نیز توضیح داده خواهد شد تگ div کاربردی‌ ترین تگ دسته عناصر block-level است. شما به کمک این تگ می توانید هرجایی که نیاز به ایجاد یک بخش یا باکس در صفحه داشتید آن کار را عملی کنید. تگ div یا دایو یا دیو که از کلمه ( Division ) گرفته شده ، یکی از تگ های پرکاربرد در طراحی صفحات وب می باشد که با استفاده از آن میتوان یک یا چندین بخش را در یک صفحه ی وب ایجاد کرد.

ما در تلاش هستیم تا بهترین محتوا در حوزه فناوری و آموزشی را گردآوری نماییم. یکی دیگر از اهداف ما یاری رساندن به کسب و کارهای آنلاین است. در تاپ سایت 98 آموزش های مختلف کامپیوتر و برنامه نویسی وجود دارد. تگ div برای ایجاد یک بخش استفاده می شود و کل بلاک خود را اشغال می کند یعنی این تگ از تگ های بلاک لول است. اگر سوال، پیشنهاد ویا انتقادی در رابطه با موضع این مقاله دارید، حتما در بخش دیدگاه‌ ها با ما به اشتراک بگذارید. باعث خوشحالی ماست که نطرات شما را در رابطه با مقالات بدانیم و اگر جایی نیازمند به اصلاح است در مقالات اعمال کنیم.

جلسه ۰۳ – فرق HTML و CSS

پیشنهاد می کنیم قبل از شروع یادگیری، برای درک مفهومی تر موضوع، از خواندن را از مقاله html چیست آغاز کنید. هدف ما ایجاد فضایی برای یادگیری با بالاترین کیفیت و کمترین هزینه است . حقوق مادی و معنوی این سایت متعلق به کیارا آکادمی می باشد.

فراموش نکنید که مطابق با قوانین جدید، حتما از تگ های مرتبط با بخش بندی مثل تگ div ،header ،section ، footer و.. چرا که استفاده بی مورد از سایر تگ ها مثل تگ table قطعا تاثیر منفی در سئوی وب سایت شما خواهد داشت. همانطور که گفته شد، تگ div برای بخش بندی، طرح بندی یا در اصطلاح قالب بندی یک صفحه وب استفاده می شود و همچنین این تگ یک تگ Block Level یا بلاکی می باشد. سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ div در HTML با من همراه باشید. وقتی با جهت نما روی هر المان می رویم محدوده آن المان را به صورت یک جعبه یا باکس نمایش می دهد.

ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم. برای مثال در کد زیر یک تگ div را می بینید که در خود یک تگ p جای داده است، و بخشی از متن موجود در تگ p به کمک تگ span امکان سفارشی سازی پیدا کرده است. در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ div در HTML پشتیبانی میکنند یا خیر. این تگ وظیفه واضح و مشخصی ندارد اما هرجایی که نیاز به ایجاد یک بخش یا باکس در صفحه داشتید می‌توانید از تگ دایو استفاده کنید. مرورگر های معتبری مانند Google Chrome و Firefox و Safari و Internet Explorer و… از این تگ کاربردی پشتیبانی می کنند، و تگ div در این مرورگر ها قابل اجرا می باشد. تگ دایو ممکن است در حالت پیش فرض استایل خاصی نداشته باشد ولی ما به راحتی با استفاده از CSS میتوانیم آن را سفارشی سازی نماییم.

حالا که با مفهوم کلی این المان و کاربرد آن بیشتر آشنا شدید, سراغ نحوه استفاده از المان div در اچ‌تی‌ام‌ال خواهیم رفت. منتها قبل از آن, بد نیست اگر با مفهومی مهم به‌نام بلاک المان و اینلاین المان آشنا شوید. جاوا اسکریپت یک زبان برنامه نویسی همه فن حریف برای برنامه نویسی وبسایت، اپلیکیشن، هوش مصنوعی، ربات تلگرام، فیلترنویسی اینستاگرام و حتی بازی سازی استفاده میشه. وبسایت MEGAJS اولین مرجع تخصصی آموزش جاوااسکریپت، کتابخونه ها و فریمورک های JavaScript به زبان فارسی هست.

با مطالعه این مطلب به راحتی می توانید بخش های مختلف سایت خود را طراحی نمایید. این المان‌ها، المان‌های مهربانی هستند و دوستان خود را در کنار خود جای می‌دهند و اصلا خودخواه نیستند. از جمله المان‌های inline می‌توان به تگ span که مخصوص نوشته‌ها است نام برد.

مثال تگ دایو

تگ Div یکی از مهمترین تگ های html است که از ۳ حرف ابتدایی کلمه Division گرفته شده است که به معنی بخش یا قسمت می باشد. تگ Div در HTML یکی از تگ های پرکاربرد در طراحی صفحات وب می باشد که با استفاده از آن می توان صفحات وب سایت را به بخش های مختلف تقسیم کرد. به طور کلی تگ div مانند یک ظرف (Container) می ماند که برای نگهداری دیگر تگ ها به کار می رود. تگ div از از ۳ حرف اول کلمه Division به معنی بخش یا قسمت گرفته شده، که در فارسی به تگ دایو یا دیو مشهور است. این تگ یکی از تگ های پرکاربرد در طراحی صفحات وب می باشد که با استفاده از آن می توان صفحات وب سایت را به بخش های مختلف تقسیم کرد. ‌توی این جلسه از دوره آموزش رایگان HTML از وبسایت مگا جی اس، به تگ های div و span میپردازیم.

یکی از بخش‌های مهم در HTML دانستن مفهوم بسیار ساده ای که با نام المان‌های block و inline بررسی می‌شود است. برای این کار همانند قبل، المان div که قرار است لینک شود را بین دو تگ  قرار می‌دهیم. این اشکال رنگی همان divهای صفحه است که می‌توانند لایه‌بندی صفحه مورد استفاده قرار گیرند. توی این مثال با استفاده از تگ span فقط به کلمه “HTML” کلاس custom دادیم و بقیه کلمات این کلاس رو ندارن.

ساختار صفحات HTML

البته با css میتونیم inline-level یا block-level بودن المنت هارو خودمون تعیین کنیم. همراه با ما این کار را انجام دهید روی تک تک المان ها بروید تا بهتر متوجه شوید. لازم به ذکر است که صفت aline در در نسخه HTML4.01 پشتیبانی می شد، ولی در html5 پشتیبانی نمی شود. اما نگران نباشد، ما به راحتی با استفاده از CSS میتوانیم آن را سفارشی سازی کنیم.

تفاوت اصلی تگ دایو و تگ سِکشن

برای مثال بالا استایلهای زیر را اعمال می کنیم تا خروجی مورد قبول تری را مشاهده کنید. همچنین تگ div از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. باید بدانید که تگ های div معمولا به تنهایی قابلیت های خاصی ندارند و در کنار ویژگی های css است که قدرت و انعطاف پذیری آنها مشخص می شود. پیشنهاد می کنیم برای یادگیری بیشتر مقاله css چیست را مطالعه کنید. سرورهای وبسایت آموزشی camelCase بر روی مرکز داده‌ی شرکت سون‌هاست قرار دارد.

Block Element چیست و چه فرقی با Inline Element دارد؟

تگ های inline-level در html فقط به اندازه محتوای مورد نیازشون فضا رو اشغال میکنن. در پروژه div با html , css که در زیر مشاهده می کنید ما صفحه را به 3 بخش تقسیم کردیم و به هر div یک رنگ دادیم. تگ div از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. ولی نیاز است تا ما استایل های دلخواه خود را به آن بدهیم. یعنی در کل یکی از اهداف استفاده از تگ دایو ایجاد استایل دلخواه برای آن بخش است.

درواقع المان‌هایی که بعد از این المان‌ها نوشته می‌شود بدون تردید از سطر بعدی شروع خواهد شد. در المان‌های بلاک (block eleman), المان‌ مدنظر کل فضایی که دراختیار دارد را اشغال می‌کند و اجازه نمی‌دهد که المان دیگری درکنار آن قرار بگیرد. درواقع این المان‌ها چندان اجتماعی نیستند و طاقت تحمل یک همسایه را هم درکنار خود ندارند. ما در بابلز لرن تلاش می کنیم که با تولید محتوای آموزشی مفید، انتقال تجربه و دانش فنی نیرو های متخصص به رشد سایر افراد در زمینه های مختلف کمک کنیم. توی این مثال بخش اول و دوم سایتمون رو با استفاده از تگ div از هم جدا کردیم.

گاهی طراحان وب این اشتباه را می‌کنند که تگ div‌ را با تگ span اشتباه می‌گیرند و به‌جای استفاده درست از تگ div از تگ span‌ استفاده می‌کنند. یکی از بخش‌های مهم در اچ‌تی‌ام‌ال دانستن مفهوم بسیار ساده ولی پراهمیت بلاک و اینلاین است. المان‌های بلاک (block eleman) و المان‌های یک خطی (inline). در سند html به هر کدام از تگ های div یک کلاس دادیم تا در فایل css از این کلاس ها استفاده کنیم و به تگ های div استایل دهیم.

پروژه div با html , css

در این مقاله در رابطه با تگ بلوکی div صحبت کردیم و با آن آشنا شدیم. توسط این تگ شما می توانید گروه بزرگی از تگ های HTML را در کنار هم قرار دهید و  آن‌ها را به صورت جمعی یا گروهی با استفاده از کد‌های CSS استایل‌دهی کنید. المان بعدی منوی کنار صفحه است که به همین ترتیب با قرار دادن یک المان Div با طول و عرض مشخص به‌عنوان ظرف در برگیرنده این المان، در خود متن‌های نوشته شده را در برگرفته است. در پروژه ها برای اینکه بتوانند قالب زیبایی طراحی کنند از کلاس ها (class) استفاده زیادی می کنند. در پروژه ها و قالب های سایت ها اگر نگاه کنید مشاهده می کنید که از div ها بصورت تو در تو استفاده می کنند. یعنی اگر از چندین تگ span در کنار همدیگر استفاده کنیم همه آنها در یک سطر در کنار هم قرار می گیرند، ولی اگر از چندین تگ Div استفاده کنیم هر یک از Div ها در یک سطر قرار خواهند گرفت.

• قبل از اینکه تگ div به پروتکل html اضافه شود، طراحان وب سایت برای ایجاد قسمت های مختلف سایت مثل هدر، فوتر، ساید بار و… از جدول یا همان تگ table استفاده می کردند.
{
• در سند html به هر کدام از تگ های div یک کلاس دادیم تا در فایل css از این کلاس ها استفاده کنیم و به تگ های div استایل دهیم.
|}
• Divison به‌معنای تقسیم کردن است و درواقع المان‌های div نیز وظیفه تقسیم‌بندی صفحات به بخش‌های مختلف را دارند.
{
• این جعبه‌های تو خالی در درون خود المان‌های اچ‌تی‌ام‌ال را جای می‌دهند.
|}
• درواقع این المان  همانند جعبه‌های تو خالی است که درکنار هم قرار می‌گیرند.
{
• در این نوشته به آموزش کامل تگ div در html پرداختیم و سعی کردیم شما را با کاربرد صحیح این تگ آشنا کنیم.
|}

تگ ها و المان های صفحه

کمپین آموزشی بی لرن یکی از بهتربن وبسایت های آموزشی فارسی زبان می باشد که همیشه تلاش کرده تا بتواند بهترین دوره‌های آموزشی را در اختیار علاقه‌مندان قرار دهد. البته همانطور که در مقاله تگ header در html توضیح دادیم در ورژن جدید html یعنی html5 با روی کار آمدن تگ های مثل تگ header، nav، main و…. هر تگ HTML بسته به نوع تگ یک مقدار پیش فرض برای نمایش دارد. اکثر تگ های موجود در HTML یا به صورت بلوک (block level) هستند یا برخط(inline level). در حالی که در برخط، خط جدیدی برای تگ های داخلی در نظر گرفته نمی شود.

تگ script در HTML

چون اگر به تگ p رنگ قرمز را اعمال کنید، کل متن درون آن قرمز می‌ شود. به اصطلاح می‌ گویند این تگ برای گزاره‌ بندی متون کاربرد دارد. همانطور که در متن مقاله اشاره کردیم در ورژن HTML5 به معناگرایی تگ ها یا همان Semantic Tag اهمیت زیادی داده شده است. به دهمین دلیل طراحان، سئوکاران و وبمستران جهت استفاده از تگ های HTML بایستی به اهمیت تگ های معنا دار دقت کرده و در طراحی آن را رعایت کنند. در واقع در مورد استفاده از تگ div و تگ section می بایست به موضوع معناگرایی در HTML5 توجه نمایید. در مورد تگ section باید گفت که این تگ، تگی است که با استفاده از آن می توان همانند تگ div یک سِکشن یا Section یا بطور کلی یک بخش را در یک صفحه وب ایجاد کرد.

ابتدا یک کلاس به div داده می شود و سپس به آنها استایل داده می شود. چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید. تمامی حقوق و مطالب سایت برای وبسافت۳ محفوظ می باشد و کپی برداری از مطالب رایگان باذکر منبع آزاد است. سپس به هر کدام از divها  height و border مشخص شده ای می دهیم. اگر کسی به نظر من پاسخ داد از طریق ایمیل به من اطلاع دهید. برای پاسخ گویی بهتر در سایت ثبت نام نمایید و سپس سوال خود را مطرح فرمایید.

اگر بخواهید هر المان را به‌صورت مرتب در جای خود قرار دهید ناچارید تا آن‌ها را دسته‌بندی کنید وگرنه همه آن‌ها روی هم تل‌انبار می‌شوند. درواقع این المان  همانند جعبه‌های تو خالی است که درکنار هم قرار می‌گیرند. این جعبه‌های تو خالی می‌توانند ظاهر سایت شما را مرتب نگاه دارند. این جعبه‌های تو خالی در درون خود المان‌های اچ‌تی‌ام‌ال را جای می‌دهند.