Anasayfa / Web Tasarım / HTML / HTML Temel Etiketler Ve etiket Özellikleri (Ders 2)

HTML Temel Etiketler Ve etiket Özellikleri (Ders 2)

Bu yazıda bir önceki yazımızda bahsetmiş olduğumuz html etiketlerini daha ayrıntılı olarak inceleyeceğiz. Önceki yazımızı okumadıysanız Buraya tıklayarak ulaşabilirsiniz.

<head>…</head>

Head etiketi sayfamızın tarayıcılara tanıtılması için kullanılan etikettir. İçerisine yazdığımız kodlar sayfamızda doğrudan görünmez. İçerisinde Meta etiklerini ve Css, Javascript komutlarını barındırır.

<title>…</title>

Sayfamızın başlığının yer aldığı kısımdır. <head> etiketi içerisine yazılır.

<meta>

Bu etiket HTML belgesi hakkında meta verileri sağlar. Meta verileri tarayıcıda gözükmezler.

Meta etiketleri genellikle sayfanın description(açıklama), keywords(anahtar kelimeler), author(sayfa yazarı), last modified(son değiştirilme tarihi) ve diğer meta verilerini tanımlamak için kullanılır.

<body>…</body>

Sayfamızın en önemli kısmıdır. Sayfamızdaki bütün içerikler <body> etiketi içerisine yazılarak oluşturulur.

Etiket Özellikleri

Html dilinde hemen hemen her etiketin kullandığı özellikler vardır. Özelliklerin kullanımı özellikAdı=”özellikDeğeri” şeklindedir. Bu özellikleri kullanan etiketler özelliklerin tamamını desteklemek zorunda değildir. Örneğin <body> etiketi ile ‘bgcolor’ özelliğini kullanabilirken ‘width’ özelliğini kullanamayız. Veya satır atlama etiketi olan <br> etiketi ile hiçbir özellik kullanılamaz. Şimdi bazı özelliklerimiz tanıyalım.İlerleyen derslerimizde ve örnek kodlar içerisinde daha fazla özellik göreceğiz. Özelliklerin kullanımı özellikAdı=”özellikDeğeri” şeklindedir.

Arkaplan Özellikleri

  • bgcolor = Arka plan rengini ayarlamaya yarar. Değer olarak ingilizce renk adları alabileceği gibi rgb ve hex kodlarınıda kabul eder.
  • background = Arka plana resim koyabilmemizi sağlar. Değer kısmına resim adı ve uzantısı yazılır. Örneğin background=”resim.jpg”

Boyut Özellikleri

  • width = Genişliği belirtmek için kullanılır. Pixel cinsinden değerler kabul eder. Örneğin width=”500px” şeklinde yazılabilir.
  • height = Yüksekliği belirtmek için kullanılır. width ile aynı şekilde kullanılır.
  • “auto” = Özellik değildir. Bir değerdir. Özelliğin İçeriğe göre uymasını sağlar.

Şimdi bir örnek ile öğrendiklerimizi kullanalım.

<html>
 <head>
  <meta charset="UTF-8">
  <title>İlk Çalışmam</title>
 </head>
 <body bgcolor="blue">
  Merhaba Dünya. 
 </body>
</html> 

Bir sonraki yazımızda görüşmek üzere…

Hakkında Furkan Yağmur

Check Also

web-gemisi

HTML Form Oluşturma 1. Kısım (Ders 9)

Bir web sayfasında formlar ile çalışmak için sadece html dilini bilmek yetmez. Bunun nedenini öğrenmek …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir