تگ 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
