Merhaba arkadaşlar , HTML basit kodları ve hangi komut , kod nasıl çalışır bunu örnekleriyle açıklayacağım .
HTML Nedir ? Genel Tanım ;
Hiper Metin İşaretleme Dili (HTML, İngilizce HyperText Markup Language kelimelerinin baş harflerinin kısaltılmasıdır) web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Dilin son sürümü HTML5'tir.
HTML Dosyası Nasıl Oluşturulur ?
Bir HTML dosyası HTML kodlarının sıfırdan yazılmasıyla oluşturulabileceği gibi, MS Front Page, Dreamweaver gibi HTML editörleri ile de hazır kodlar aracılığıyla pratik şekilde oluşturulabilir. Sıfırdan kod yazıyorsanız editör olarak Notepad bile kullanabilirsiniz.
HTML Nasıl Yazılır ?
HTML Yazımı Çok Basittir .
HTML Belirli Kodlar ile yazılır .
HTML Siteye nasıl bir görünüm , bağlantı vermek için yazılır .
Örnek HTML Dosyası (Uzun Olmadığı İçin Kod Olarak Eklemiyorum) ;
<html>
<head>
<title>Sayfa BaşlığıTHT</title>
</head>
<body>
<H1> Buraya Başlık GelirTHT</H1>
<P> Buraya ilk paragraf yazılırTHT</P>
<P>Buraya sonraki yeni paragraf yazılırTHT</P>
</body>
</html>
Peki Bu Kodlar Neler?
Başlıklar (<h1>-<h6>)
Paragraf (<p>)
Liste (<ul>-<ol>)
Resim (<img>)
Bölme (<div>)
Çapa (<a>)
Liste (<ul>-<ol>) Nedir ?
Sıralanmamamış listeler için liste öğeleri <li> </li> arasına yazılarak <ul> </ul> kodları arasına sıralanır.
Örneğin:
<ul>
<li>THT1</li>
<li>THT2</li>
<li>THT3</li>
</ul>
Resim (<img>)
Web sitesinde kullanılan bir görüntünün şekli kodlarla düzenlenebilir. Bunun için <img> kodu kullanılır.
<img src=”THT.jpg” alt=”THT”>
Burada src kaynak görsel dosyayı gösterirken, alt komutu da görsel altına yazılacak yazıyı gösterir .
Bölme (<div>)
<div> etiketi, HTML belgesinde bir bölüm ya da bölme yaratmak için kullanılır.
Çapa (<a>)
<a> etiketi bir linki tanımlar. href özelliği, bağlantının gittiği sayfanın URL’sini verir. Aşağıdaki örnekte tht ana sayfasına link verilmiştir. Yazıya tıklandığında tht sayfası açılır.
<a href=” https://www.turkhackteam.org/ “> THT’i ziyaret edin </a>
HTML 5 Nedir ?
HTML Nedir ? Genel Tanım ;
Hiper Metin İşaretleme Dili (HTML, İngilizce HyperText Markup Language kelimelerinin baş harflerinin kısaltılmasıdır) web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Dilin son sürümü HTML5'tir.
HTML Dosyası Nasıl Oluşturulur ?
Bir HTML dosyası HTML kodlarının sıfırdan yazılmasıyla oluşturulabileceği gibi, MS Front Page, Dreamweaver gibi HTML editörleri ile de hazır kodlar aracılığıyla pratik şekilde oluşturulabilir. Sıfırdan kod yazıyorsanız editör olarak Notepad bile kullanabilirsiniz.
HTML Nasıl Yazılır ?
HTML Yazımı Çok Basittir .
HTML Belirli Kodlar ile yazılır .
HTML Siteye nasıl bir görünüm , bağlantı vermek için yazılır .
Örnek HTML Dosyası (Uzun Olmadığı İçin Kod Olarak Eklemiyorum) ;
<html>
<head>
<title>Sayfa BaşlığıTHT</title>
</head>
<body>
<H1> Buraya Başlık GelirTHT</H1>
<P> Buraya ilk paragraf yazılırTHT</P>
<P>Buraya sonraki yeni paragraf yazılırTHT</P>
</body>
</html>
Peki Bu Kodlar Neler?
Başlıklar (<h1>-<h6>)
Paragraf (<p>)
Liste (<ul>-<ol>)
Resim (<img>)
Bölme (<div>)
Çapa (<a>)
Liste (<ul>-<ol>) Nedir ?
Sıralanmamamış listeler için liste öğeleri <li> </li> arasına yazılarak <ul> </ul> kodları arasına sıralanır.
Örneğin:
<ul>
<li>THT1</li>
<li>THT2</li>
<li>THT3</li>
</ul>
Resim (<img>)
Web sitesinde kullanılan bir görüntünün şekli kodlarla düzenlenebilir. Bunun için <img> kodu kullanılır.
<img src=”THT.jpg” alt=”THT”>
Burada src kaynak görsel dosyayı gösterirken, alt komutu da görsel altına yazılacak yazıyı gösterir .
Bölme (<div>)
<div> etiketi, HTML belgesinde bir bölüm ya da bölme yaratmak için kullanılır.
Çapa (<a>)
<a> etiketi bir linki tanımlar. href özelliği, bağlantının gittiği sayfanın URL’sini verir. Aşağıdaki örnekte tht ana sayfasına link verilmiştir. Yazıya tıklandığında tht sayfası açılır.
<a href=” https://www.turkhackteam.org/ “> THT’i ziyaret edin </a>
HTML 5 Nedir ?
- 2014 Yılında geliştiriciler tarafından kullanılır hale gelmiştir.
- En son HTML versiyonudur.
- Çok sayıda yeni HTML etiketi desteği ile gelmiştir.
- Halen gelişmesi devam etmektedir.
