HTML nedir?

Başlatan cakal, Mar 18, 2024, 10:58 ÖÖ

-

cakal

HTML (Hypertext Markup Language), web sayfalarının yapısal içeriğini tanımlamak için kullanılan bir işaretleme dilidir. HTML, metin, bağlantılar, görseller, tablolar, formlar ve diğer öğeleri kullanarak sayfanın yapısını belirtir. Tarayıcılar bu HTML belgelerini okuyarak, sayfanın nasıl görüntüleneceğini ve etkileşimli öğelerin nasıl çalışacağını anlarlar.

İşte basit bir HTML örneği:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Örneği</title>
</head>
<body>
    <header>
        <h1>Web Sayfamız</h1>
        <nav>
            <ul>
                <li><a href="#anasayfa">Ana Sayfa</a></li>
                <li><a href="#hakkimizda">Hakkımızda</a></li>
                <li><a href="#iletisim">İletişim</a></li>
            </ul>
        </nav>
    </header>

    <section id="anasayfa">
        <h2>Hoş Geldiniz!</h2>
        <p>Web sayfamıza hoş geldiniz. Burada çeşitli konularda bilgiler bulabilirsiniz.</p>
    </section>

    <section id="hakkimizda">
        <h2>Hakkımızda</h2>
        <p>Web sayfamız, bilgi paylaşımı ve etkileşim için oluşturulmuştur.</p>
    </section>

    <section id="iletisim">
        <h2>İletişim</h2>
        <p>Bizimle iletişime geçmek için <a href="mailto:info@example.com">info@example.com</a> adresini kullanabilirsiniz.</p>
    </section>

    <footer>
        <p>&copy; 2024 Web Sayfamız. Tüm hakları saklıdır.</p>
    </footer>
</body>
</html>

Bu HTML örneğinde, sayfanın başlık, bağlantılar, bölümler ve altbilgi gibi temel yapısal öğeleri bulunmaktadır. `<!DOCTYPE html>` ifadesi HTML5 belgesi olduğunu belirtir. `<head>` bölümü, sayfanın meta bilgilerini ve stil dosyalarını içerir. `<body>` bölümü ise sayfanın görünen içeriğini içerir.

HTML, sayfaların içeriğini organize etmek ve tarayıcılara nasıl gösterileceğini belirtmek için temel bir yapı sağlar. CSS ve JavaScript gibi diğer teknolojilerle bir araya geldiğinde, daha zengin ve etkileşimli web siteleri oluşturabilirsiniz.