HTML Başlıkları
Başlıklar html için önemlidir.
<h1> den <h6> ya kadar 6 farklı çeşit tag ile tanımlanırlar.
En önemli başlık <h1> tagı ile en az önemli başlık ise <h6> tagı ile ilan edilir.
<html>
<body>
<h1>bu h1 başlığıdır</h1>
<h2>bu h2 başlığıdır</h2>
<h3>bu h3 başlığıdır</h3>
<h4>bu h4 başlığıdır</h4>
<h5>bu h5 başlığıdır</h5>
</body>
</html>
<body>
<h1>bu h1 başlığıdır</h1>
<h2>bu h2 başlığıdır</h2>
<h3>bu h3 başlığıdır</h3>
<h4>bu h4 başlığıdır</h4>
<h5>bu h5 başlığıdır</h5>
</body>
</html>
Web tarayıcı, başlıklara otomatik olarak alt ve üst boşluk atar.
Yukarıdaki başlık elemanları, sayfamızda şöyle görünecektir:
Yukarıdaki başlık elemanları, sayfamızda şöyle görünecektir:
bu h1 başlığıdır
bu h2 başlığıdır
bu h3 başlığıdır
bu h4 başlığıdır
bu h5 başlığıdır
Arama motorları, sayfa yapısını oluşturmak ve sayfa içeriğini anlamak için başlıklarınızı kullanır.
Yazıların büyük ya da kalın olmasını sağlamak için başlık tagını kullanmayın.
Kullanıcılar, siteye göz atarken önce başlıklar dikkat çeker. Başlıkların, sayfa içeriğini iyi yansıtması önemlidir.
En önemli başlıkları h1 ile bir alt öneme sahip başlıklar h2 ile yazılmalı ve bu sıra h6 ya kadar böyle takip edilmelidir.
HTML Yatay Çizgi (<hr>)
<hr> tagı, html sayfanızda bir yatay çizgi oluşturur.
<h2>bu h2 başlığıdır</h2>
<hr>
<h3>bu h3 başlığıdır</h3>
<hr>
<hr>
<h3>bu h3 başlığıdır</h3>
<hr>
Yukarıdaki kodlar, tarayıcımızda şöyle görünecektir:
bu h2 başlığıdır
bu h3 başlığıdır
HTML <head> Elemanı
<head> elemanı, html sayfasında görünmeyen meta verilerini içerir.
<head> elemanı <html> tagı ile <body> tagı arasına yazılır.
<!DOCTYPE html>
<html>
<head>
<title>ilk sayfam</title>
<meta charset="UTF-8"> // burası html dökümanının karakter setidir
</head>
<body>
</body>
</html>
<html>
<head>
<title>ilk sayfam</title>
<meta charset="UTF-8"> // burası html dökümanının karakter setidir
</head>
<body>
</body>
</html>
HTML <title> Elemanı
Bir tür meta verisidir.
Sayfa ismini belirtir.
Web tarayıcısında adres çubuğunun üzerinde, en tepede görünür. (Sayfamızın içinde görünmez.)
HTML <meta> Elemanı
Meta elemanı, <head> ve </head> tagları arasına yazılır.
<meta> elemanını, web tarayıcısına html dökümanını okurken yol gösterir.
Bir karakter seti (charset) veya başka bilgileri tanımlamak için kullanılır. Karakter setleri, dökümanda tanımlı harfler demektir. Html dökümanımızın Türkçe karakterleri tanımasını ve doğru yazmasını isityorsak "UTF-8" doğru bir karakter seti tercihi olacaktır.
İlerleyen derslerde <style> ve <link> gibi farklı meta elemanlarından da bahsedeceğiz.
HTML Kaynak Görüntüleme
Sörf yaparken, bir çok internet sitesinin nasıl yapıldığını, sayfa yapılırken yazılan kodları merak etmişizdir. Aslında bunu öğrenmek hiç de zor değil. Yapmamız gereken, sayfanın herhangi bir yerinde faremizin sağ tuşuna basıp, "sayfa kaynağını görüntüle" seçeneğine tıklamaktır. Bu seçenek, sayfanın kodlarını gösteren bir pencereyi görmemizi sağlayacaktır.
Hiç yorum yok:
Yorum Gönder