Skip to main content

Köprü Metni Biçimlendirme Dili (HTML)

TL; DR

HTML(Köprü Metni İşaretleme Dili), web sayfaları oluşturmakiçin kullanılan bir dildir. Bazı sayfalar doğrudan HTML'de yazılabilirken, diğerleri tarayıcılar tarafından okunabilen HTML çıktıları da üreten web sayfaları oluşturmak için sayfa oluşturucuları veya diğer araçları kullanabilir.

HTML ne anlama geliyor?

HTML, Köprü Metni İşaretleme Dilianlamına gelir ve web sayfaları oluşturmak için kullanılan dildir. Öğeleri tanımlamak ve biçimlendirmek için işaretlemeleri kullanır. Örneğin, yazı tiplerini, renkleri, konumu, bağlantıları vb. tanımlayabilir. Çoğu web sitesi oluşturucu doğrudan HTML'de yazmasa da, web tarayıcıları tarafından okunan ve yorumlanan nihai çıktılar HTML biçimindedir. Bu nedenle herhangi bir web sayfasına sağ tıklayıp “Sayfa kaynağını görüntüle”yi seçtiğinizde ortaya çıkan penceredeki metnin ilk satırı <!doctype html> olmalıdır.

Bir HTML sayfasının yapısı nedir?

Yapılar değişiklik gösterebilse de, herhangi bir HTML'de bulmanız gereken öğelerden bazıları şunlardır (açıklamaları italik olarak yapılmıştır). Herhangi bir web sayfasında herhangi bir yere sağ tıklayıp "Sayfa kaynağını görüntüle"yi seçerek bunu kontrol edin:

<!DOCTYPE html> - bu, web tarayıcısına bunun okuyabileceği bir HTML dosyası olduğunu gösterir

<html lang="en"> - bu, web sayfasının yazıldığı dili gösterir

<head> - bu, genel kodların yerleştirildiği baş bölümünün başlangıcını gösterir.

<title>Sayfanın başlığı</title> - bu, tarayıcı sekmesinde görünen, sayfanın başlığını gösteren bir meta etikettir.

<meta name="description" content="..." /> - arama motorları için sayfanın ne hakkında olduğunu açıklamak için kullanılır

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> - bu, web sayfasının nasıl görüntüleneceğini söyleyen bir komuttur çeşitli ekran boyutları

<meta name="robots" content="index,follow" /> - bu, sayfayı tarayan botlara onu dizine ekleyebileceklerini ve arama motoru sonuçlarına ekleyebileceklerini söyler

<link rel="stylesheet" type="text/css" href="/css/style/style.css”> - bu, HTML'yi metin için daha ayrıntılı stilin yerleştirildiği bir CSS dosyasına bağlar

<script src="/js/random.js" type="text/javascript"></script> - bu, web sayfasında bir eylemi çalıştırmak için kullanılan bir JavaScript dosyasına bağlanır

<link rel="canonical" href="https://yourpage.com"/> - benzer içeriğe sahip sayfalar varsa veya sayfa birden fazla URL'de bulunuyorsa, bu, tarayıcılara hangi URL'nin alınacağını gösterir yetki amaçlı hesap

</head> - bu, baş bölümünü kapatır

<body> - bu, gerçek sayfa içeriğinin yerleştirildiği gövde bölümünü açar

<div class="container"> - bu, genellikle içerik için çerçeve oluşturan kap adlı bir bölüm açar

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="Visitor Analytics logosu" height="52" width ="180"></a> - bu, ana sayfanıza bağlantı veren bir logo resmi yerleştirmenin bir yoludur

<div class=”first-text”>Bunlar, web sitenizde gerçekten görüntülenecek ilk kelimelerdir</div> - bağlı CSS dosyasında biçimlendirilebilecek bazı metinler

...

</body>