بلاک ها و عناصر درون خطی در HTML
عنصر <div> یک عنصر بلاک است که اغلب به عنوان یک ظرف برای عناصر HTML دیگر استفاده می شود.
عنصر <div> خاصیت یا attribute ندارد اما میتواند style و class داشته باشد.
هنگامی که تگ <div> با CSS مورد استفاده قرار می گیرد، می تواند به سبک بلوک های محتوا مورد استفاده قرار گیرد:
تگ <div>
مثال:
<html>
<body>
<div style="background-color:green; color:white; padding:20px;">
<h2>London</h2>
<p>عنصر div یک عنصر بلاک است که اغلب به عنوان یک ظرف برای عناصر HTML دیگر استفاده می شود.</p>
</div>
</body>
</html>
از تگ div برای جداسازی عناصر html استفاده می شود.
عناصر درون خطی (Inline)
یک عنصر Inline یا درون خطی را در همان عنصری که می خواهیم تغییر ایجاد کنیم می نویسیم نه در خط جدید و مجزا.
برای اینکه یک style از نوع درون خطی ایجاد نماییم از تگ <span> استفاده می کنیم.
مثال:
<html>
<body>
<h1>My <span style="color:gold">name </span> is arman</h1>
</body>
</html>