En Temel HTML Etiket ve Anlamları

-

En Temel HTML Etiket ve Anlamları


HEAD etiketi
Bir HTML belgesinin ilk kısmını belirler. İçinde TITLE elemanının bulunması zorunludur. Belgenin başlığını TITLE elemanı belirler.

TITLE etiketi

TITLE etiketi yardımıyla oluşturduğunuz web sayfasının başlığını belirleyebilirsiniz.

META etiketi

Meta etiketiyle sayfanızın bir tanımını yapabilir ve sayfa içeriğini uygun anahtar sözcüklerle tanımlayabilirsiniz.
Bazı önemli meta etiketleri ve açıklamaları şu şekildedir:

Keywords: Sitenizin içeriğini oluşturan kelimelerin bulunduğu etikettir.
Description: Bu etiket site hakkında bilgi veren temel etiketlerden biridir.
Author: Site yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir.

BODY etiketi
HTML belgenizin ikinci ve en uzun parçası BODY kısmıdır. Belgenizin tüm içeriği burada yer alacaktır. Bir sonraki belgede açıklanan etiketlerin tümü BODY içinde yer alacaktır.

Body İçerisinde Yer Alan Temel HTML Etiketleri


Başlıklar (Headings)

HTML metni içinde H1 ile H6 aralığında ölçeklendirilmiş 6 farklı düzeyde başlık kullanılabilir. Burada H1 en büyük başlığı, H6 ise en küçük başlığı simgelemektedir.

Bir başlık elemanının genel yazılış biçimi,
<Hx>Başlık Metni</Hx> 
şeklindedir.Burada x, 1 ile 6 arasında bir tamsayıdır ve başlığın düzeyini belirlemektedir.

Paragraflar (Paragraphs)

Oluşturacağınız Web sayfası üzerine yerleştireceğiniz metni ayrı paragraflar şeklinde ifade etmek için <p>  ve </p> etiketlerini kullanmalısınız.

Listeler (Lists)

HTML, çeşitli türlerde listelerin oluşturulabilmesine olanak sağlar. Bu liste türleri,
  • Numaralanmamış liste
  • Numaralanmış liste
  • Tanım listesi
şeklindedir.

  • Numaralanmamış liste

Numaralanmamış listeyi oluşturmak için <ul> ve </ul> etiketleri kullanılır. Bu etiketler arasına liste elemanlarını yerleştirmek için <li> etiketi kullanılır. Bu etiketi izleyen yere liste elemanı yerleştirilmelidir. <li> etiketinin </li> etiketiyle kapatılması zorunlu değildir.

  • Numaralanmış Listeler

Numaralanmış liste (numbered list ya da diğer adı ile ordered list (sıralanmış liste)) gerçekte numaralanmamış liste ile benzer yapıdadır. Tek fark, bu tip bir listede <ol> etiket 'ının kullanılmasıdır. Diğer bir fark ise çıktıda görülür. Liste elemanlarına otomatik olarak bir numara verilmektedir.

  • İç İçe Listeler

Listeleri iç içe de kullanabilirsiniz. Hatta, tek bir liste kalemi içinde iç içe listeler içeren paragraflar da düzenleyebilirsiniz.

Çok Kullanılan Body Etiketleri

  • <pre> etiketi

Sabit genişlikli bir yazıtipi içinde bir metin oluşturmak istediğiniz takdirde, HTML'in <pre> </pre> etiketini kullanabilirsiniz. pre terimi, İngilizce preformatted (önceden biçimlendirilmiş) sözcüğünden alınmıştır. Bu etiket ayrıca metin içindeki boşlukları, satır başlarını ve tab'ları da anlamlı hale getirir.

  • <br> etiketi

<br> etiketi, bulunduğu konumdan itibaren bir satırı sona erdirerek yeni bir satırın başına geçilmesini sağlar.

  • <hr> etiketi

<hr> etiketi, tarayıcı penceresinde yatay bir çizgi üretir. Bu çizginin uzunluğu kod içinde belirtilebilir.

  • <em> etiketi

Bir metnin istenilen kısmını belirgin hale getirmek için kullanılır.<em> ve </em> etiketleri arasındaki kısım tipik olarak italik biçimde görüntülenir.

  • <s> ve <strike> etiketleri

Uygulandıkları metnin üzerine bir çizgi çizilmesini sağlarlar.

  • <strong> etiketi

İşaret edilen metni özellikle vurgulamak için kullanılır. Bu vurgulama bold (koyu) yazı karakteriyle gerçekleştirilir.

  • <u> etiketi

İşaretlediği metnin altına bir alt çizgi çekilmesini sağlar.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

İç İçe Döngüler

-
Resim
İç İçe Döngüler Bir döngü yapısının içine başka bir döngü yapısının yerleştirilmesiyle elde edilen yapıya iç içe döngü (nested loop) adı verilir. JavaScript dilinde, if deyimlerini herhangi bir derinliğe kadar iç içe kullanmak nasıl mümkünse, döngü deyimlerini de iç içe kullanmak mümkün olacaktır. İç içe döngülerde hatırlanacak anahtar bilgi, önce en içteki döngülerin tamamlanması gerektiğidir. Bu konuda aşağıdaki kural iç içe döngüler için daima geçerlidir: İç içe döngülerde en içteki döngü en önce tamamlanır. İç İçe Döngüler Aşağıdaki programda, dış döngü olan i parametreli döngü beş kez çalışacaktır (i=1,2,3,4,5). i'nin her değeri için ise içteki döngü üç kez çalışacaktır (j=1,2,3). Böylece aşağıdaki çıktı elde edilecektir: <html> <head> <TITLE>Nested</TITLE> </head> <body bgColor="pink" > <FONT FACE="Comic sans MS"> <SCRIPT LANGUAGE="javaSCRIPT"> var i,j; for(i=1;i<=...
Devamı

Olağan Dışı Durumların Değerlendirilmesi

-
Resim
Olağan Dışı Durumların Değerlendirilmesi En üst düzey geliştiricilerin bile zaman zaman hatalı kod yazabildiğini biliyoruz. Bir programın çalışması esnasında normalde karşılaşılmaması gereken bir durum oluşursa, sektörde buna  olağan dışı durum (exception)  ve bu durumda ne yapılacağının belirlenmesine de  olağan dışı durum yönetimi (exception handling)  denir. Bir bölme işleminde paydanın  0  olması,  beklenmeyen  ya da  olağan dışı  bir durumdur. Aynı şekilde bir dosyaya erişim yapmak isteyen bir komutun o dosyayı bulamaması da olağan dışı bir durumdur. C++ diline kadar, olağan dışı durumların tespiti ve yönetimi yazılımcıların özel olarak geliştirdikleri kod parçalarıyla yapılabiliyordu. C++ dilinden itibaren olağan dışı durum yönetimi, dilin içine eklenen özel komut, sınıf ve metotlarla yapılabiliyor. Java ile birlikte,  Microsoft Visual Studio.Net ’in üç teme...
Devamı

Kontrol ve Karar Verme İşlemleri

-
Resim
Kontrol ve Karar Verme İşlemleri Diğer bilgisayar programlama dillerinde olduğu gibi, JavaScript dilinde de, esas olarak iki farklı tipte kontrol yapısı ya da komutu mevcuttur: Seçme (selection) işlemini gerçekleştiren kontrol komutları: Bu tip kontrol komutlarında, bir ifade kontrol edilerek, ifadenin değerine göre çeşitli seçeneklerden bir tanesine dallanma işlemi gerçekleştirilir. if, if else, switch case gibi yapılar bu tür komutları oluşturur. Tekrarlama (loop, repetition): Bu tip kontrol yapılarında bir işlemler grubu, bir koşula bağlı olarak belirli sayıda (10 kez, 50 kez vb) tekrarlı olarak icra edilebilir. for, while, do while yapıları da buna örnektir. İlerleyen eğitim içeriklerinde, JavaScript dilindeki bütün kontrol yapıları tüm ayrıntıları ile verilmektedir. if Deyimi Birçok programlama dilinde olduğu gibi, JavaScript'te de, bir ifadeyi kontrol ederek ifadenin sonucuna göre ya da doğruluğuna göre belirli işlemleri yapmayı ya da yapmamayı sağlayan ...
Devamı