HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML - Başlık Öğesi


HTML <head>öğesi şu öğeler için bir kapsayıcıdır: <title>, <style>, <meta>, <link>, <script>ve <base>.


HTML <head> Öğesi

Öğe , meta veriler (veriler hakkındaki veriler) için bir kaptır ve etiket ile etiket <head>arasına yerleştirilir .<html><body>

HTML meta verileri, HTML belgesi hakkındaki verilerdir. Meta veriler görüntülenmiyor.

Meta veriler genellikle belge başlığını, karakter setini, stilleri, komut dosyalarını ve diğer meta bilgileri tanımlar.


HTML <title> Öğesi

<title>Öğe, belgenin başlığını tanımlar . Başlık salt metin olmalıdır ve tarayıcının başlık çubuğunda veya sayfa sekmesinde gösterilir.

Öğe <title>HTML belgelerinde gereklidir!

Bir sayfa başlığının içeriği, arama motoru optimizasyonu (SEO) için çok önemlidir! Sayfa başlığı, arama sonuçlarında sayfaları listelerken sıraya karar vermek için arama motoru algoritmaları tarafından kullanılır.

<title>öğe :

  • tarayıcı araç çubuğunda bir başlık tanımlar
  • Sık kullanılanlara eklendiğinde sayfa için bir başlık sağlar
  • arama motoru sonuçlarında sayfa için bir başlık görüntüler

Bu nedenle, başlığı mümkün olduğunca doğru ve anlamlı hale getirmeye çalışın!

Basit bir HTML belgesi:

Örnek

<!DOCTYPE html>
<html>
<head>
  <title>A Meaningful Page Title</title>
</head>
<body>

The content of the document......

</body>
</html>

HTML <stil> Öğesi

Öğe , <style>tek bir HTML sayfası için stil bilgilerini tanımlamak için kullanılır:

Örnek

<style>
  body {background-color: powderblue;}
  h1 {color: red;}
  p {color: blue;}
</style>


HTML <link> Öğesi

<link>Öğe, geçerli belge ile bir dış kaynak arasındaki ilişkiyi tanımlar .

Etiket <link> , çoğunlukla harici stil sayfalarına bağlanmak için kullanılır:

Örnek

<link rel="stylesheet" href="mystyle.css">

İpucu: CSS hakkında her şeyi öğrenmek için CSS Eğitimimizi ziyaret edin .


HTML <meta> Öğesi

<meta>Öğe tipik olarak karakter kümesini, sayfa açıklamasını, anahtar sözcükleri, belgenin yazarını ve görüntü alanı ayarlarını belirtmek için kullanılır .

Meta veriler sayfada görüntülenmez, ancak tarayıcılar (içeriğin nasıl görüntüleneceği veya sayfanın nasıl yeniden yükleneceği), arama motorları (anahtar kelimeler) ve diğer web hizmetleri tarafından kullanılır.

Örnekler

Kullanılan karakter setini tanımlayın:

<meta charset="UTF-8">

Arama motorları için anahtar kelimeleri tanımlayın:

<meta name="keywords" content="HTML, CSS, JavaScript">

Web sayfanızın bir açıklamasını tanımlayın:

<meta name="description" content="Free Web tutorials">

Bir sayfanın yazarını tanımlayın:

<meta name="author" content="John Doe">

Belgeyi her 30 saniyede bir yenileyin:

<meta http-equiv="refresh" content="30">

Web sitenizin tüm cihazlarda iyi görünmesini sağlamak için görünüm alanını ayarlama:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta>Etiketlere örnek :

Örnek

<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">

Görünüm Alanını Ayarlama

Görünüm alanı, kullanıcının bir web sayfasının görünür alanıdır. Cihaza göre değişir - cep telefonunda bilgisayar ekranından daha küçük olacaktır.

<meta>Tüm web sayfalarınıza aşağıdaki öğeyi eklemelisiniz :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Bu, tarayıcıya sayfanın boyutlarının ve ölçeklemenin nasıl kontrol edileceğine ilişkin talimatlar verir.

Parça width=device-width, cihazın ekran genişliğini takip etmek için sayfanın genişliğini ayarlar (cihaza göre değişir).

Parça initial-scale=1.0, sayfa tarayıcı tarafından ilk yüklendiğinde ilk yakınlaştırma seviyesini ayarlar.

Görünüm alanı meta etiketi olmayan bir web sayfası ve görünüm alanı meta etiketine sahip aynı web sayfası örneği :

İpucu: Bu sayfayı bir telefon veya tablet ile geziyorsanız, farkı görmek için aşağıdaki iki bağlantıya tıklayabilirsiniz.



HTML <script> Öğesi

<script>Öğe, istemci tarafı JavaScript'leri tanımlamak için kullanılır .

Aşağıdaki JavaScript'te "Merhaba JavaScript!" yazıyor. id="demo" ile bir HTML öğesine:

Örnek

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

İpucu: JavaScript hakkında her şeyi öğrenmek için JavaScript Eğitimimizi ziyaret edin .


HTML <base> Öğesi

Öğe , <base>bir sayfadaki tüm göreli URL'ler için temel URL'yi ve/veya hedefi belirtir.

Etikette <base>ya bir href ya da hedef özniteliği mevcut ya da her ikisi de olmalıdır.

Bir belgede yalnızca tek bir <base> öğe olabilir!

Örnek

Bir sayfadaki tüm bağlantılar için varsayılan bir URL ve varsayılan bir hedef belirtin:

<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>

<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>

Bölüm özeti

  • Öğe , <head>meta veriler için bir kapsayıcıdır (veriler hakkındaki veriler)
  • Öğe, etiket ile etiket arasına <head>yerleştirilir .<html><body>
  • Öğe gereklidir ve <title>belgenin başlığını tanımlar
  • Öğe , <style>tek bir belge için stil bilgilerini tanımlamak için kullanılır
  • Etiket <link> , çoğunlukla harici stil sayfalarına bağlanmak için kullanılır
  • <meta>Öğe tipik olarak karakter kümesini, sayfa açıklamasını, anahtar sözcükleri, belgenin yazarını ve görüntü alanı ayarlarını belirtmek için kullanılır .
  • Öğe , <script>istemci tarafı JavaScript'leri tanımlamak için kullanılır
  • Öğe , <base>bir sayfadaki tüm göreli URL'ler için temel URL'yi ve/veya hedefi belirtir

HTML başlığı Elemanları

Tag Description
<head> Defines information about the document
<title> Defines the title of a document
<base> Defines a default address or a default target for all links on a page
<link> Defines the relationship between a document and an external resource
<meta> Defines metadata about an HTML document
<script> Defines a client-side script
<style> Defines style information for a document

Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .