HTML BASİT ÖRNEKLER

HTML Başlıkları

HTML başlıkları <h1>to <h6>etiketleriyle tanımlanmıştır .

<h1>En önemli başlığı tanımlar. <h6>En az önem taşıyan başlığı tanımlar.

<!DOCTYPE html>
<html>
<body>

<h1>Bursa Osmangazi</h1>
<h2>Bursa Osmangazi</h2>
<h3>Bursa Osmangazi</h3>
<h4>Bursa Osmangazi</h4>
<h5>Bursa Osmangazi</h5>
<h6>Bursa Osmangazi</h6>

</body>
</html>

HTML Paragrafları

HTML paragrafları şu <p>etiketle tanımlanır :

<!DOCTYPE html>
<html>
<body>

<p>Bursa Osmangazi</p>
<p>Bursa Osmangazi</p>

</body>
</html>

HTML Bağlantıları

HTML bağlantıları şu <a>etiketle tanımlanmıştır :

<!DOCTYPE html>
<html>
<body>

<h2>HTML Link vermek</h2>
<p>Bursa Osmangazi</p>

<a href="http://www.osmangazi.bel.tr/">Osmangazi Belediyesi</a>

</body>
</html>

HTML Görüntüleri

HTML görüntüleri <img>etiketi ile tanımlanır .

Kaynak dosya ( src), alternatif metin ( alt) widthve heightözellikler olarak sağlandı:

<!DOCTYPE html>
<html>
<body>

<h2>HTML Reimler</h2>
<p>HTML sayfasına Resim Eklemek</p>

<img src="http://lorempixel.com/400/200/" alt="Resimler" width="400" height="200">

</body>
</html>

HTML Düğmeleri

HTML düğmeleri şu <button>etiketiyle tanımlanır :

<!DOCTYPE html>
<html>
<body>

<h2>HTML Düğme</h2>
<p>HTML Buton eklemek</p>

<button>Tıkla</button>

</body>
</html>

HTML Listeleri

HTML listeleri <ul>(sıralanmamış / madde işareti listesi) veya <ol>(sıralı / numaralı liste) etiketiyle, ardından <li> etiketlerle (liste öğeleri) tanımlanır:

<!DOCTYPE html>
<html>
<body>
<h2>Bilişim Teknolojileri Alanı</h2>
<ul>
  <li>Web Programcılığı</li>
  <li>Veritabanı Programcılığı</li>
</ul>  
</body>
</html>