میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

آموزش HTML – بخش دوم : تگ div

توسط این تگ شما می توانید گروه بزرگی از تگ های HTML را در کنار هم قرار دهید و آن‌ها را به صورت جمعی یا گروهی با استفاده از کد‌های CSS استایل‌دهی کنید.

تگ <div> یک تگ block level است که محتوای داخل این تگ در خط جدیدی نمایش داده می شوند.

بلوک‌ها در HTML

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

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

مثال از تگ div

در نمونه زیر یک تگ div قرار گرفته است.

<!DOCTYPE html>
<html>

<head>
<title>Mizfa Div Tag</title>
<link rel = “stylesheet” href = “style2.css”>
</head>

<body>
<div>
<p>Welcome to our website.</p>
</div>
</body>

</html>

نتیجه :

تگ div

خواص :

تگ <div> تمامی خواص و رویداد های عمومی مربوط به تگ های HTML را قبول می کند.

ارسال دیدگاه

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

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟