html-3-body-ve-metin-etiketleri

HTML Dersleri #3 Body ve Metin Etiketleri

html-3-body-ve-metin-etiketleri

DERS 3: Metin Etiketleri

Merhaba;

Bir önceki dersimizde head kısmından bahsetmiştik. Bu dersimizde HTML dosyasındaki asıl kullanıcıya yansıyan body kısmından, body etiketlerinden ve metin etiketlerinden bahsedeceğiz. Yavaş yavaş bir sayfa dizaynının nasıl olacağını bu giriş dersiyle öğrenmeye başlayacağız. Hazırsanız başlayacağım.

[code language=”html”]
<!DOCTYPE html><!– HTML5 standardı ile gelen bu etiket döküman tipimizin html olduğunu bildiriyor. –>
<html lang="tr-TR"><!– Bu etiket ise html dosyamızda hangi dili kullandığımızı belirtiyor. –>
<head>

<title>hiercelik.net | Benim Sitem</title>
<meta charset="utf-8">
<meta name="description" content="Site hakkında açıklama">
</head>
<body><!– Adından anlaşılacağı üzere sitenin beden kısmıdır. Kullanıcıya gösterilecek bütün herşey bu kısıma yazılır.–>

<h1>Bu en büyük</h1>

<h2>Bu en büyükten bir küçük</h2>

<h3>Bu en büyükten iki küçük</h3>

<h4>Bu en büyükten üç küçük</h4>

<h5>Bu en büyükten dört küçük</h5>

<h6>Bu en büyükten beş küçük</h6>

<!– h etiketleri başlık etiketi olarak geçer. Kağıt boyut adlandırmaları gibi h1 en büyük olan başlıktır. h6 ise en küçük olan başlıkların etiketidir.–>

Burası benim ana metnimin bulunduğu kısım

<!– p etiketleri siteye eklenecek metinlerin arasında bulunduğu paragraf etiketidir. –>

Peki biz bir metin hazırladık. Bunun için ekstra etiketler var mı? -Evet var. Örneğin kalın yazmak istiyorsak
<strong>strong</strong> etiketini ya da <b>b</b> etiketini,
italik yazacaksak <em>em</em> etiketini ya da <i>i</i> etiketini bir alt satıra geçeceksek br
etiketini,
alta geçerken arada bir çizgi oluşturmak istiyorsak

<hr />

hr etiketini formatlanmamış yani temel fontlardan birisiyle kullanılmış bir metin yazmak istiyorsak

<pre>pre</pre>

etiketini,metni normalden biraz küçük yazacaksak <small>small</small> etiketini,
yazılan metnin üstünü belirtme amacıyla çizmek istiyorsak <mark>mark</mark> etiketini, bir metnin üstünü çizmek istiyorsak
<s>s</s>(geçerliliğini yitirmiş bilgilerde genelde bu kullanılır.) ya da
<del>del</del> (içerikten kaldırılmış kısmlarda genelde bu etiketle belirtilir fakat arasında kesin bir fark yoktur.)
etiketini, metnin altını çizmek istiyorsak <u>u</u> ya da <ins>ins</ins> etiketi, belirli bir kelimenin
ne anlama geldiğini üstüne gelince belirtmek istiyorsak
<abbr title="açıklama metni buraya yazılır ve sadece mouse üstüne gelince belirir">abbr</abbr>
etiketini kullanırız.

Temel metin biçimlendirme etiketleri bunlardır.<!– br ve hr etiketleri için < br>< /br> şeklinde bir
kullanım yapılmaz. Sadece < br> ya da < br /> şeklinde bir kullanım yeterlidir.
Çünkü bu etiketler tek başına yapacağı işlemi yapar ve kenara çekilirler.
En doğru kullanımı ise < hr /> ya da < br /> şeklindeki kullanımdır.–>

</body><!– body’yi kapattım. –>
</html><!– html’i kapattım. –>
[/code]

Kısaca…

Kısaca body kısmında kullanılan metin etiketlerinden bahsettik. Renklendirilmiş kod kısmındaki kodları eğer kendiniz bir notepad ya da text editör aracılığıyla yazıp html şeklinde kaydedip açarsanız ve sayfaya sağ tık kaynağı görüntüle deyip incelerseniz daha akılda kalıcı olur. HTML işin en basit kısmı 🙂

Ders esnasında oluşturduğumuz index dosyasını buradan indirebilirsiniz.

Sonraki derslerde görüşmek üzere.
Kendinize iyi bakın.

Önceki Ders  –  Sonraki Ders

İlginizi çekebilir...