En son web geliştirme öğreticiler

HTML Giriş


HTML nedir?

HTML web belgeleri açıklamak için bir işaretleme dilidir (web pages) .

  • HTML Hyper Text Markup Language anlamına gelir
  • Bir biçimlendirme dili kümesidir markup tags
  • HTML belgeleri tarafından anlatılmıştır HTML tags
  • Her HTML etiket describes farklı belge içeriği

HTML Örneği

Küçük bir HTML belgesi:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Kendin dene "

Örnek Açıklaması

  • DOCTYPE bildirimi HTML olmak belge türünü tanımlar
  • Arasındaki metni <html> ve </html> bir HTML belgesi açıklar
  • Arasındaki metni <head> ve </head> belgenin hakkında bilgi veren
  • Arasındaki metni <title> ve </title> belge için bir başlık sağlar
  • Arasındaki metni <body> ve </body> görünür sayfa içeriğini açıklar
  • Arasındaki metni <h1> ve </h1> bir başlık açıklar
  • Arasındaki metni <p> ve </p> bir paragrafı açıklar

Bu açıklama ile, bir web tarayıcısı bir başlık ve bir paragraf ile bir belgeyi görüntüleyebilir.


HTML Etiketleri

HTML etiketleri anahtar kelimeleri vardır (tag names) ile çevrili angle brackets :

<tagname>content</tagname>
  • HTML etiketleri normalde gelip in pairs gibi <p> ve </p>
  • Bir çift ilk etikettir start tag, ikinci etikettir end tag
  • Bitiş etiketi başlangıç etiketi gibi yazılmış, ancak etiket adından önce eğik çizgiyle edilir

Başlangıç etiketi genellikle denir opening tag . Bitiş etiketi genellikle denir closing tag .


İnternet tarayıcıları

Bir web tarayıcısı amacı (Chrome, IE, Firefox, Safari) HTML belgeleri okumak ve bunları göstermektir.

tarayıcı HTML etiketlerini görüntülemek ancak belgeyi nasıl görüntüleneceğini belirlemek için bunları kullanır vermez:

Tarayıcıda Görüntüle


HTML Sayfa Yapısı

Aşağıda bir HTML sayfası yapısının bir görselleştirme geçerli:

<html>
<head>
<title> Sayfa başlığı </title>
</head>
<body>
<h1> Bu bir başlık </h1>
<p> Bu bir paragraftır. </p>
<p> Bu da başka bir paragraftır. </p>
</body>
</html>

Sadece <body> alan (the white area) tarayıcı tarafından görüntülenir.


<!DOCTYPE> Deklarasyonu

<!DOCTYPE> beyan doğru bir web sayfasını görüntülemek için tarayıcı yardımcı olur.

web'de farklı belge türü vardır.

Doğru bir belgeyi görüntülemek için, tarayıcı türü ve versiyonu hem bilmelidir.

doctype bildirimi küçük harfe duyarlı değildir. Tüm vakalar kabul edilebilir:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Ortak Bildirimleri

HTML5

<!DOCTYPE html>

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">

w3ii tüm dersler ve örnekler HTML5 kullanabilir.


HTML versiyonlar

web ilk günlerinden beri, HTML birçok versiyonu olmuştur:

versiyon Yıl
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014