HTML – Metin Düzenleme Etiketleri

06 Mar 2012 Yorum bırakın

HTML – Metin Düzenleme Etiketleri

<HX>

<hx> etiketi html dosyasında kullanılacak başlık boyutunu belirler. 6 adet <hx> etiketi vardır. Bunlar; <h1>, <h2>, <h3>, <h4>, <h5>, <h6>’dır. Kullanılan sayı parametresi büyüdükçe yazı büyüklüğü küçülür. En büyük başlık <h1> iken en küçük <h6> etiketidir. <hx> etiketinin aldığı diğer bir parametre ise hizlama (align) etiketidir. Align parametresinin 3 farklı kombinasyonu vardır. Bunlar left,right ve center’dır. Kullanımı; <h1 align=”center”>Burhan UĞUR </h1>

<B>

<b> etiketinin görevi etiket arasına yazılan yazıyı yada sayıyı kalın olarak gösterir. <b> etiketi ingilizce bold kelimesinin kısaltmasıdır.

<b>Burhan</b>

<U>

<u> etiketinin görevi etiket arasına yazılan yazıyı yada sayıyı altı çizili olarak gösterir. <b> etiketi ingilizce underline kelimesinin kısaltmasıdır.

<u>Burhan</u>

<I>

<i> etiketinin görevi etiket arasına yazılan yazıyı yada sayıyı italic yani hafif sağa yatık olarak gösterir. <i> etiketi ingilizce italic kelimesinin kısaltmasıdır.

<i>Burhan</i>

 <BR>

HTML dosyalarında enter tuşuna karşılık gelen etikettir. Xhtml kurallarına göre <br> etiketi şu şekilde kullanılır; <br /> 

<P>

<p> etiketinin görevi etiket arasına yazılan yazıyı yada sayıyı satır başı yaparak gösterir. <p> etiketi ingilizce paragraph kelimesinin kısaltmasıdır.

<p>Burhan</p><a>UĞUR</a>

<FONT>

<font> etiketinin görevi etiket arasına yazılan yazıyı yada sayıyı verilen parametrelere göre renk,boyut ve font ayarlarını yaparak gösterir.

  • Face : Yazı tipi (arial, tahoma, verdana, …)
  • Size : Yazının büyüklüğü (1-7 arası)
  • Color : Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)

<font size=”x” face=”[isim] color=”#XXXXXX”> Burhan </font> şeklinde kullanılır.

Kategori: HTML Tagged with , , , , , , , , , , , ,

HTML Nedir?

05 Mar 2012 1 Yorum

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir. Yani yazdığımız html dosyalarını bir C# ya da Java programında olduğu gibi bir derleyici ile derlememize gerek yoktur. HTML diğer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML herhangi bir text editörle (Notepad, Word,…) hazırlanabilir. Fakat bunun yerine WEB sayfası tasarımı için Dreamweaver, FrontPage vb. gibi gelişmiş araçlar da kullanılabilir.

Yazım Kuralları

Komutlar büyük ya da küçük harfle yazılabilir. Komutlar da Türkçe karakterler (ş,ç,ı,ü,ğ,ö) kullanılamaz. Komutlar “<” ve “>” işaretleri ile açılır, “</” ve “>” işaretleri ile kapatılır, buna “etiket (tag)” adını verilir. Örneğin;

 <a>Bu bir yazı etiketidir.</a>

HTML kodları “<html>” etiketiyle başlar, “</html>” etiketiyle biter. Bu etiket arasına <head> ve  <body> etiketleri yer alır. <head> etiketi html dosyasının ilk etiketidir. <head> etiketinde site ile ilgili temel bilgiler vardır;

  • Site Başlığı
  • Karkter Kümesi
  • Link Özellikleri
  • Meta Etiketleri
Site Başlığı
Site başlığı <title> etiketleri arasına yazılır. Kullanımı şöyledir;
       <title>Site Başlığı</title>

Meta Etiketleri

  • Tasarımcı Bilgisi (Author)

<meta name=”author” content=”Burhan UĞUR”>

  • Site açıklaması (Description)

<meta name=”Description” content=”Sayfanın tanıtımı veya ne üzerine olduğunu bu alanda belirtebilirsiniz.”>

  • Anahtar Kelimeler (Keywords)

<meta name=”keywords” content=”Sitenizin arama motorlarında bulduracak siteniz ile ilgili kelimeleri buraya aralarına ” ,” ekleyerek yazın.”>

  • Refresh
Bu komut siteniz contente girilen parametre süresine göre verilen adrese yönlendirir;
<meta http-equiv=”refresh” content=”5; url=http://www.megep.meg.gov.tr”>
  • Yok Et (Expries)
Dosyanın verilen parametrelerle uyuştuğu anda sunucudan silinmesini sağlar.

<meta http-equiv=”expires” content=”Wed, 25 Feb 2007 12:00:00 GMT”>

 <Body> Etiketi

Sitenin gövdesidir diyebiliriz. Son kullanıcıya göstermek istediğiniz her şeyi <body> </body> etiketi arasına yazarsınız. Örneğin;

       <body bgcolor=”gray”>

            <h1>Bu bir Heading1 başlıktır</h1>

       </body>

Bu makalemin sonuna gelmiş bulunuyoruz. Umarım yararlı olmuştur. Bundan sonraki makalemiz Listeleme etiketleri üzerine olacak.

Kategori: HTML Tagged with , , , , , , , , , , ,