تگ div
تگ div
در این بخش از آموزش Html ، تگ div را به شما آموزش می دهیم.
این تگ از مهمترین و کاربردی ترین تگ ها در طراحی سایت می باشد.و با بوجود آمدن تگ div از تگ Table در طراحی سایت دیگر کاربردی ندارد زیرا با استفاده از تگ div می توان در بهینه سازی سایت موثر بود.این تگ برای تعیین ساختار اصلی صفحه مورد نظر استفاده می شود.
تگ div را می توان در قسمت های مختلفی از دستورات خود اضافه کرد.شما می توانید ساختاری که در نظر دارید را در تگ div قرار دهید.این تگ در html شامل کاربردهایی می باشد که آن ها را توضیح می دهیم.
√ شما می توانید با استفاده از این تگ یک سند html را تقسیم بندی نمایید.
√ با استفاده از تگ div می توانید به گروهی از تگ ها دستورات خود را اعمال کنید به طور کل با استفاده از این کار دستورات خود را به همه ی تگ ها اعمال می کنید.
تمام عناصری که در برنامه نویسی به منظور طراحی سایت استفاده می شود، دارای هدف هستند. برای مثال در زبان برنامه نویسی Html تگ هایی تعریف شده اند که هر کدام دارای هدف خاصی هستند برای مثال تگ <p> برای تعریف پاراگراف ها، تگ های <h> که از <h1> تا <h6> است و برای تعیین اولویت ها کاربرد دارد. علاوه بر این تگ ها یک تگ نیز با عنوان تگ <div> وجود دارد.
تگ <div> معرف یک دسته بندی یا یک بخش در یک HTML است. این تگ برای گروه بندی عناصر بلوک برای شکل گیری از طریق css در طراحی سایت استفاده می شود. در واقع تگ <div> در در طراحی سایت کاربرد فراوانی دارد. این تگ تا حد زیادی جایگزین تگ <table> در Html 4 است.
در زیر مثالی از نحوه کاربرد تگ های مختلف در داخل تگ <div> در در طراحی سایت برای شما کاربران عزیز ارائه کرده ایم.
<div style=”color:#0000FF”>
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
مثالی کلی از نحوه نوشتن تگ ها در یک صفحه Html در در طراحی سایت :
<!DOCTYPE html>
<html>
<head>
<title>HTML div Tag</title>
<link rel=”stylesheet” href=”style2.css”>
</head>
<body>
<div id=”contentinfo”>
<p>Welcome to our website. We provide tutorials on various subjects.</p>
</div>
</body>
</html>
مثال زیر کاربرد تگ div را نشان میدهد.
<div style=”color:red”></div>
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- مزایای داشتن یک سایت خوب چیست؟
- برای بهبود فروش در اینستاگرام چه باید کرد؟
- 3 اصل جادویی و قدرتمند برای طراحی سایت حرفه ای
- سئو سایت چیست و چه کاربردی دارد؟
- چرا به وبسایت نیاز داریم؟
- اهمیت ریسپانسیو بودن یک وب سایت
- نکاتی پیرامون طراحی سایت شرکتی و فروشگاهی که باید توجه شود ؟!
- نمایش قسمت مخفی سایت برای اعضای سایت
- تصاویر اینستاگرام در وردپرس و نمایش آن با افزونه WP Instagram Widget
- افزایش سرعت وردپرس با 9 راهکار ساده
- مزایای و معایب (hrml 6 ) نسبت به ( html 5 )
- آیا یک اسکریپت به صورت خودکار بارگیری مجدد SEO را ممکن می کند؟