HTML'ye Giriş
HTML, Web sayfaları oluşturmak için standart biçimlendirme dilidir.
HTML nedir?
- HTML, Hiper Metin İşaretleme Dili anlamına gelir
- HTML, Web sayfaları oluşturmak için standart biçimlendirme dilidir
- HTML, bir Web sayfasının yapısını tanımlar
- HTML bir dizi öğeden oluşur
- HTML öğeleri, tarayıcıya içeriğin nasıl görüntüleneceğini söyler
- HTML öğeleri, "bu bir başlıktır", "bu bir paragraftır", "bu bir bağlantıdır" gibi içerik parçalarını etiketler.
Basit Bir HTML Belgesi
Örnek
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Örnek Açıklama
- Beyanname ,
<!DOCTYPE html>bu belgenin bir HTML5 belgesi olduğunu tanımlar - Öğe ,
<html>bir HTML sayfasının kök öğesidir - Öğe ,
<head>HTML sayfasıyla ilgili meta bilgileri içerir <title>Öğe, HTML sayfası için bir başlık belirtir (tarayıcının başlık çubuğunda veya sayfanın sekmesinde gösterilir )<body>Öğe, belgenin gövdesini tanımlar ve başlıklar, paragraflar, resimler, köprüler, tablolar, listeler vb. gibi tüm görünür içerikler için bir kapsayıcıdır .- Öğe büyük bir başlığı
<h1>tanımlar - Öğe
<p>bir paragraf tanımlar
HTML Öğesi nedir?
Bir HTML öğesi, bir başlangıç etiketi, bir miktar içerik ve bir bitiş etiketi ile tanımlanır:
HTML öğesi , başlangıç etiketinden bitiş etiketine kadar her şeydir:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Not: Bazı HTML öğelerinin içeriği yoktur (<br> öğesi gibi). Bu elemanlara boş elemanlar denir. Boş öğelerin bitiş etiketi yoktur!
İnternet tarayıcıları
Bir web tarayıcısının (Chrome, Edge, Firefox, Safari) amacı, HTML belgelerini okumak ve bunları doğru bir şekilde görüntülemektir.
Bir tarayıcı HTML etiketlerini görüntülemez, ancak bunları belgenin nasıl görüntüleneceğini belirlemek için kullanır:
HTML Sayfa Yapısı
Aşağıda bir HTML sayfa yapısının görselleştirilmesi verilmiştir:
Not: <body> bölümünün (yukarıdaki beyaz alan) içindeki içerik bir tarayıcıda görüntülenecektir. <title> öğesinin içindeki içerik, tarayıcının başlık çubuğunda veya sayfanın sekmesinde gösterilecektir.
HTML Geçmişi
World Wide Web'in ilk günlerinden bu yana, HTML'nin birçok sürümü olmuştur:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Bu eğitici, en son HTML5 standardını takip eder.