Hypertext Markup Language kelimelerinin baş harflerinden oluşan bir dosya uzantısıdır. Aslında tam olarak Türkçe karşılığı olmasa da Zengin Metin İşaret Dili de denebilir.

HTML Formatı internetin ilk çıktığı dönemlerde geliştirilen bir dosya formatıdır. Html dosyasını basit bir not defterinde bir oluşturabilirsiniz. Fakat bu dosyanın yorumlanması için bir tarayıcıya ihtiyacınız olacaktır.

Oluşturduğunuz html dosyanın tarayıcı tarafından algılanması için içineetiketlerini koymalısınız.şeklinde olan etiketlere biz tag diyoruz. Tagler web tarayıcınıza sayfanızın nasıl görünmesini söyler.

Eğer siz MAC kullanıcısı iseniz SimpleText programını, OSX kullanıcısı iseniz TextEdit programını ve Windows kullanıcısı iseniz basit bir Not defteri veya Notepad++ programını açarak işe başlayabilirsiniz.

Haydi gelin ilk kodlarımızı yazalım. Açtığınız uygulamanızın içine aşağıdaki gibi kodumuzu yazalım.

<!DOCTYPE html>
<html>
<head>
  <title>ben site başlığı temsil ediyorum</title>
  <meta charset="utf-8">
</head>
<body>
  <h1>en büyük başlığı temsil ediyorum</h1>
  <p>burada da paragraf yazımızı yazıyoruz. <b>kalın</b> yazmak istersem b taglerini de unutmamalıyım </p>
</body>
</html>

Kodlarımızı yazdıktan sonra index.html olarak kaydedin. Dosyayı açmaya başladığınız zaman bir tarayıcınızdan açılarak size görünecektir.

Kaydet

Ekran Görüntüsü

<html></html>

tagleri tarayıcınıza bu dosya html dosyasıdır diye söyledik.

<head></head>

etiketleri arasına başlık bilgilerini yazıyoruz. Burası tarayıcı penceresinden görünmez.

<title></title>

etiketleri arasına sayfanızın başlık bilgisini yazabilirsiniz ve tarayıcı da en üst kısımda yer alır.

<body></body>

etiketleri arasında kalan kısım, tarayıcınızın okuyacağı bölümdür. İşte burada sayfanızda görüntülenmesini istediğiniz her şeyi yazabilirsiniz.

<b></b>

etiketleri arasında kalan kısım yazıyı bold yani kalın şeklinde yazmamızı sağlar.

<p></p>

etiketleri arasında kalan kısım ise burasının paragraf olduğunu sayfamıza söyleriz.

<h1></h1>

etiketleri arasında kalan kısım ise başlık derecesinin en büyüğünü bize belirtir.

<meta charset=”utf-8”>

dediğimiz zaman Türkçe karakter desteğini sağlamasını dile getirdik.

Şimdi başlık derecelerine göz atalım.

<!DOCTYPE html>
<html>
<head>
  <title>sayfa</title>
  <meta charset="utf-8">
</head>
<body>
  <h1>En büyük başlık tipi</h1>
  <h2>İkinci büyük</h2>
  <h3>sdfdsfsd</h3>
  <h4>dsgsdg</h4>
  <h5>sdgsdgdsg</h5>
  <h6>en küçük başlık tipi</h6>
</body>
</html>

Başlıklar

En büyük başlık için

<h1> 

etiketi kullanılırken en küçük için

<h6> 

etiketi kullanılır. Bir sonraki yazımızda görüşmek üzere..

Kategoriler: Html

Sümeyra Akbıyık

hakkımdaki her şeyi bu blogda bulabilirsin. Haydi sende bir göz gezdirmeye ne dersin?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir