HTML Kod Gösterimi
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>.....</title>
</head>
<body>
<h1><a href="index.html"><img src="res/logo.png" alt="logo resim"width="100"></a>ANA SAYFA</h1>
<ul>
<li>Ana Sayfa</li>
<li>Blog</li>
<li>Ürünler
<ul>
<li><a href="sayfa/urun1.html">Ürün 1</a></li>
<li><a href="belge/cities.csv">Ürün 2</a></li>
<p>video oynatmak için <a href="video/computer.mp4">tıklayın</a></p>
<p>yazılım kodlama c# makalesine gitmek için<a href="https://www.yazilimkodlama.com/programlama/c-dersleri/">tıklayınız</a></p>
<p><a href="malito:destek@yazilimkodlama.com">Bize e-posta gönderin</a></p>
<p>Yeni bir sayfada Google'ı açmak için <a href="https://www.google.com/" target="_blank">tıkla</a></p>
<p><a href="hakkimizda.html" hreflang="tr">Hakkımızda</a></p>
<p><a href="hakkimizda.html" rel="help">Daha Fazla Bilgi için Hakkımızda</a></p>
</ul>
</li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
</ul>
<h1>Link Ekleme</h1>
<p>W3Schools'a gitmek için <a href="https://www.w3schools.com/html/html_links.asp">tıklayınız</a></p>
<p>PDF Dosyasına gitmek icin <a href="belge/ornek.pdf">tıklayınız</a></p>
<p>Resim Dosyasının <a href="res/logo.png">logosu</a></p>
<p>Yeni bir sayfada Google'ı açmak için <a href="https://www.google.com/" target="_blank">tıkla</a></p>
<p><a href="malito:ornek@gmail.com">Bize e-posta gönderin</a></p>
<p><a href="tel:+90551234567">Bizi arayın</a></p>
<p><a href="https://wa.me/905554442211">Whatsapp'tan bize ulaşabilirsiniz</a></p>
<p><a href="belge/ornek.pdf" download="busra_cv.pdf" title="Belge Örneği">Örnek belge Kullanımı</a></p>
</body>
</html>