Html İle Kod Yazarken Kullanılan Programlar

 

HTML ile kod yazarken aslında bir programa ihtiyacınız yok ama notepad++ (bedava), dreamweaver (ücretli) ya da sublime text (bedava) gibi programlar kullanmanız kod yazarken kolaylık sağlar sublime text‘i öneririm hem ücretsiz hem bir koda geldiğinizde kapanış etiketi ve kendini renkli olarak belirtir aynı kodu yazarken altta önceden kullandığınız kodlar çıktığından daha kolay ve hızlı kodlamanıza yardımcı olur. (Sonraki Derslerimizde ilk konularda kodların görünüşlerinide ekleyeceğim)

 

Google’ye sublime text indir yazıp indirebilirsiniz. Kurulumu gayet basittir. Gelen her şeye next derseniz kuruluyor. Bilgiler kendiliğinden girilmiş şekilde oluyor, önerilen zaten odur bir değişikliğe gerek yok.

 

 

HTML Kodlarına Giriş

 

HTML Nedir?

  • HTML’nin açılımı “Hyper Text Markup Language”dir.
  • Biçimlendirme taglarınca oluşmuştur.
  • Her HTML etiketi farklı belge içeriğini açıklar.

Örnek bir HTML kodu:

<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body><h1>İlk h1 tagım</h1>
<p>İlk pararafım.</p></body></html>

Görünüşü:

İlk h1 tagım

İlk paragrafım.

Örneğin açıklaması:

  • HTML5 kodları <!DOCTYPE html> ile başlar
  • <html> ve </html> taglarına yazılır.
  • <head> ve </head> arasın belge hakkında bilgi yazılır.
  • <title> ve </title> arasına belgenin başlığı yazılır.
  • <body> ve </body> arasına yazılan kod sayfayı tanımlar yani o sayfada görüntülenecek şeyler.
  • <h1> ve </h1> arasına başlık yazılır.
  • <p> ve </p> arasına metin yazılır.

HTML kodlarının temel yapılışı:

<etiketadı> içindekiler </etiketadı>

HTML sayfa yapısı

HTML sayfa yapısının görsel hali:

<html>

<head>

<title> Sayfa başlığı </title>

</head>

<body>

<h1> Başlık </h1>

<p> paragraf </p>

</body>

</html>

 

<!DOCTYPE> 

  • Büyük küçük harfe duyarlı değildir.
  • Sayfanın üst kısmında ve sadece 1 kez yazılmalıdır.
  • Büyük küçük harfe duyarlı değildir.
  • Farklı belge türleri vardır belgenizin türünü belirtmek için kullanılır.

 

<!DOCTYPE> kodunun HTML kodlarına göre nasıl kullanılacağı:

 HTML 5

<!DOCTYPE html>

 HTML 4.01

HTML 4.01<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

 XHTML 1.0

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 

Yorumlar


Sen de Yorumla!