HTML’de Block ve Satır Elemanları

HTML’de bazı elemanlar aynı satırda bulunma , eklendiği satırda kalma eğilimindedir. Bazı elemanlar ise kendine ait satırda yalnız kendisi kalmak ister. Bunları html dilinde

Block Elements : kendine ait blok oluşturanlar

Inline Elements: eklendiği satırda bulunmak isteyenler

olarak ikiye ayırıyoruz.

Örnek:

<span style="color:blue;">Mavi</span>
<span  style="color:green;">Yeşil</span>
<span  style="color:yellow;">Sarı</span>

Önizleme:

MaviYeşilSarı

Yukarıdaki örnekte span elemanını kullandığımız için her bir yazı yan yana geldi. Kod yazarken boşluk ve satır bırakmamız sonucu değiştirmeyecektir. Çünkü < span > bir inline elemandır.

Örnek :

<h3 style="color:blue;">Mavi</h3>
<h3  style="color:green;">Yeşil</h3>
<h3  style="color:yellow;">Sarı</h3>

Önizleme:

Mavi

Yeşil

Sarı

< H3 > tagleri ise alt alta durma özelliğine sahiptir. Yani hepsi birer satır (block) kaplarlar.

Aynı Satırda Bulunan Inline HTML Etiketleri

<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>

Farklı Satıra Geçen Block HTML Etiketleri

<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1><h2><h3><h4><h5><h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>