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>