Genel

HTML Giriş

  • <!DOCTYPE html>: Bu, HTML5 ile uyumlu bir belge olduğunu belirtir.
  • <html>: Tüm HTML kodu bu etiketin içinde yer alır. </html>
  • <head>: Sayfa hakkında bilgiler içerir (başlık vb.). </head>
  • <title>: Tarayıcı sekmesinde görünen başlığı belirler. </title>
  • <body>: Sayfanın ana içeriği burada bulunur. </body>

İlk Basit HTML kodu

<html>
<head>
    <title>Basit HTML Sayfası</title>
</head>
<body>
    <h1>Merhaba, Dünya!</h1>
    <p>Bu, ilk HTML sayfamızın bir paragrafıdır.</p>
</body>
</html>

Arkaplan rengi değiştirme

<body style="background-color: # 8b7d7b;">

Not: style=”background-color: yellow;”: Bu, body etiketine doğrudan CSS ile stil ekler ve arka plan rengini sarıya çevirir. Diğer renkler için CSS renk adlarını veya hex kodlarını kullanabilirsin (örneğin, #ff5733).

Arkaplana resim ekleme

<body style="background-image: url('images.jpg'); background-size: cover;">

Yazı rengi değiştirme

    <p style="color: yellow;">Bu sayfanın yazı rengi beyaz ve sarı.</p>

Bir alt satıra geçme

<body>
    Merhaba!<br>Alt satıra geçtim.
</body>

Yorum Satırı

HTML’de yorumlar şu şekilde yazılır:

  • Başlar: <!–
  • Biter: –>

Sayfaya yatay çizgi çizdirmek

    <hr> <!-- Yatay çizgi -->

Kalın Yazı

    <p>Bu <b>kalın</b> yazıdır.</p>

İtalik yazı

    <p>Bu <i>italik</i> yazıdır.</p>
    <p>Bu <em>italik</em> yazıdır.</p>

Altı çizili yazı

    <p>Bu <u>altı çizili</u> yazıdır.</p>

Vurgulu yazı

    <p>Bu <strong>vurgulu</strong> bir yazıdır.</p>

Boşluk karakteri

    <p>Bu bir&nbsp;boşluk karakteridir.</p>

Üstü çizili

   <p>Bu ürün <s>100 TL</s> 80 TL'ye düştü!</p>

Alıntı yapma

<blockquote>
  "Eğitim, bir insanın hayatını sonsuza dek değiştirebilir. İnsanların zihinlerini açar, onları yeni dünyalara taşır ve hayal gücünü genişletir."
</blockquote>

Başlık etiketleri

<h1>Örnek</h1>
<h2>Örnek</h2>
<h3>Örnek</h3>
<h4>Örnek</h4>
<h5>Örnek</h5>
<h6>Örnek</h6>

Link vermek

   <p><a href="https://www.google.com/">Linke Git</a></p>

Başka sayfada link vermek

   <p>Google'ı ziyaret etmek için <a href="https://www.google.com" target="_blank">buraya tıklayın</a>.</p>

Başka html kod sayfasına yönlendirme

   <p> <a href="index.html">Anasayfa</a> | 
   <a href="hizmetler.html">Hizmetler</a> </p>

rar linki vermek

    <a href="ornek_dosya.rar" download>RAR Dosyasını İndir</a>

Link Rengi Değiştirmek

HTML’nin body etiketi üzerinden linkin rengini değiştirmek istiyorsanız, bunu link, vlink ve alink öznitelikleri ile yapabilirsiniz.

  • link: Sayfada daha önce tıklanmamış bağlantıların rengini ayarlar.
  • vlink: Ziyaret edilmiş (daha önce tıklanmış) bağlantıların rengini ayarlar.
  • alink: Üzerine tıklanmakta olan (aktif) bağlantının rengini ayarlar.
<html>
<head>
    <title>RAR Dosyası İndirme Linki</title>
</head>
<body link="blue" vlink="green" alink="red">
    <h1>RAR Dosyasını İndirin</h1>
    <p>Aşağıdaki bağlantıya tıklayarak .rar dosyasını indirebilirsiniz:</p>
    <a href="dosyalar/ornek_dosya.rar" download>RAR Dosyasını İndir</a>
</body>
</html>

Bir cevap yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir