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 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>