HTML Diğer Etiketler
İlk yazımda HTML ile ilgili etiketlerde bahsettim. Bu yazımda ise HTML’de kullanılan diğer etiketlerden bahsedeceğim.
Belge Tipi (DOCTYPE): Web sayfaları için olmazsa olmaz bir etikettir. Bu etiket ile tarayıcı yapılan sayfanın ne olduğunu anlamayı sağlar. Eklenen bu etiket sayesinde tarayıcı oluşturulan sayfanın web sayfası olduğunu anlayacak ve yazılan kodları HTML’e göre kodlayacaktır. Bu belge web sayfasının başında olması zorunludur. HTML5'ten önce 3 çeşit belge tipi bulunmaktaydı. Bunlar; Strict, Transitional ve Frameset ‘dir. Şimdi bunlarla ilgili örnekleri inceleyelim:
Strict: En katı denetim sağlayan yapıdır. Font elementi gibi elementleri içermez.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Transitional: En çok kullanılan belge tipidir. Strict tipine göre esnektir ve bazı hataları görmezden gelir.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Frameset: Çerçeve yani frame ile yapılan web sayfalarında kullanılır.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">HTML5 ile bu tipler ortadan kalktı.
<!DOCTYPE html>Etiketini kullanarak tarayıcı web sayfasını HTML5 olarak yorumlayacaktır.
<!DOCTYPE html>
<html>
<head>
<title>Gökhan Yavaş</title>
</head>
<body>
<p>içerik.</p>
</body>
</html>Yorum Etiketi
Her programlama dilinde olduğu gibi HTML sayfalarında yorumlar ekleyebiliriz. Neden yorum yazdığımızı bilmeyenler için açıklayalım: Yazdığımız kodların sonradan başkaları tarafından ne işe yaradığını, kodları okumadan yorumu okuyarak anlamasını sağlamak için yazarız.Yorum yazmak için bu <! — … → etiketi kullanırız.
<!DOCTYPE html>
<html>
<head>
<title>Başlık</title><!-- Site başlığı burada olacak -->
</head>
<body><!-- Site içeriği buradan başlar -->
<p>içerik.</p>
</body><!-- Site içeriği buradan biter -->
</html><address> etiketi
address etiketi belge veya makalenin, yazarının/sahibinin iletişim bilgilerini tanımlar. <body> etiketi içerisinde tanımlanırsa, belgenin iletişim bilgilerini belirtir. <article> etiketi içerisinde tanımlanırsa, o yazı için iletişim bilgilerini belirtir. <address> etiketi içerisindeki metinler genellikle italik olarak gösterilir. Çoğu tarayıcı address etiketinin önüne ve sonuna satır sonu ekler.
<address>
<a href="mailto:webmaster@example.com">Gökhan Yavaş tarafından yazılmıştır.</a>.<br>
34000, İstanbul<br>
Türkiye
</address>time etiketi
Zaman anlamındadır. Genellikle pek kullanılmaz. 24 saatlik bir zaman dilimini ya da tarihi göstermek için kullanılır.
<p>Yarın saat <time>12:00</time>'de yemek var.</p>
<p>Önümüzdeki <time datetime="2017-04-29">pazartesi</time> ise şirket eğlencesinde olacağız.</p>Tablolar
Bu kısımda HTML’de tabloları inceleyeceğiz. Tablolar, verilerin görsel biçimde web sitelerinde gösterilmesini sağlayan HTML özelliğidir. Yakın zamana kadar web sitelerinde kullanılan yöntemlerdendi. Tabloların yerine artık div etiketi kullanılmaktadır. Yinede bazı kısımlarda tablo etiketi kullanılmaktadır.
<table border="1">
<tr>
<td>hücre</td>
</tr>
</table>burada border 1 piksel kalınlığında bir çerçeve çizmeye yarar. <th> etiketi hücrelere başlık vermek için kullanılır. <tr> etiketi tablonun satırını belirtir. <td> etiketi ise tablonun sütununu belirtir. İnternet ortamında tablo oluşturmak için bu siteyi kullanabilirsiniz.
HTML ile ilgili etiketlerden bahsettik. Bir sonraki yazıda HTML5 için kullanılan etiketleri inceleyeceğiz.
