Html Taglar
Taglarla İlgili Genel Bilgi
Taglar Html dosyalarının temel dilidir. Taglar arasına veri eklerken önce tag açılır daha sonra tag kapatılır. Örn. <p>veri</p> Tagları / işareti ile kapatıyoruz. Bu taglara ayrıca çeşitli değerler vererek tarayıcımızın bunu algılamsını sağlayabilir. Örn. <img border=0> Örneğimizi açıklayacak olursak; img burada bizim tagımız border=0 değerimizdir.
Aşağıda belli başlı kullanılan taglara değineceğiz.
Html
Bu tag html dosyamızın ana tagıdır. Html dosyamız <html> tagı ile başlar ve </html> tagı ile biter.
Head
Head tagı <html> tagından ince <head> şeklinde gelir ve <body> tagından önce </head> şeklinde kapanır. Bu tagın içeriğinde meta taglar ve sitenizin başlığı gibi tanımlayıcı bilgiler bulunur.
Body
Body tagı </head> tagından sonra <body> şeklinde açılır ve </html> tagından önce </body> şeklinde kapatılır. Body tagı sitemizin içeriğini oluşturur. Burada yazılan kodlar internet sayfamızda görünür.
Aşağıdaki kodlar yazılarımızın biçimlendirilmesinde kullanılmaktadır.
P
p tagı paragraf başlangıcı olarak kullanılır. Yazılarımızda paragram belirtmek için <p> paragrafımız </p> şeklinde kullanılır.
B
B tagı yazıyı kalın yazmak için kullanılır.<b> tagı ile başlar </b> tagı ile kapanır. Örn. <b> Deneme</b> Görünümü: deneme
Em
Em tagı <em> yazı </em> şeklinde kullanılır.Yazıya vurgu ekler.
i
i tagı <i>yazı</i> şeklinde kullanılır ve yazıyı italik yapar. Örn. <i>deneme</i> Görünüm: deneme
Del
Del komutu <del>yazı</del> şeklinde kullanılır ve yazının üzeri çizili yapar. Örn. <del>deneme</del> Görünüm : deneme
Code
Code tagı html sayfalarımızda <code>Kod</code> şeklinde kod yayınlama için kullanılır.
U
U tagı altı çizili yazı yapmak için <u>yazı</u> şeklinde kullanılır. Örn. <u>yazı</u> Görünüm: yazı
Font
Font tagı ile yazılarımızın büyüklüğünü, rengini, yazıtipini vb. özelliklerini belirtmede kullanılır. <font> ile tag açılır ve </font> tagı ile kapatılır. Font tagı yukarıda belirttiğimiz gibi değerler alır.Örnekle açıklayacak olursak;
<FONT face="Times New Roman" color="#e1efe3" size="2">
Yukarıdaki örnekte belirttiğimiz face değikeni ile yazı tipini, color ile rengini, size ile yazımızın büyüklüğünü tanımlıyoruz.
Aşağıdaki taglar link vermede kullanılmaktadır.
A
A tagı bir yere link vermek amacıyla kullanılır. A tagıda tek başına kullanılmayıp çeşitli değişkenler ve değerler alır. Aşağıdaki örnek üzerinde anlatalım.
<a href=http://index.php " target="_blank" title="alt yazı" >Anasayfa</a>
Yukarıdaki örneğimizde href değişkeni ile index.php adresine link verdik.Target komutu ile linkimizin aynı sayfada veya yeni sayfada açacağımızı belirtiyoruz. Title komutu ile de linkin üzerine gelince çıkacak yazıyı yazıyoruz. Href değişkeni mail adresi bildirecekse kullanımı aşağıdaki şekildedir.
<a href="mailto:deneme@deneme.com">Mail</a> şeklindedir.
Img
Img komutunu resim göstermede kullanırız. Tek başına kullanılmayan bir tagtır ve çeşitli değerler ile değişkenler alır. Aşağıdaki örneğimizi inceleyelim.
<img src="resim.jpg" border="0" alt="alt yazı" width="468" height="60" >
Yukarıdaki örneğimizde src komutu ile resmin yolunu , border komutu ile resmimizin kenarlığını, alt komutu ile resmimizin üzerine gelindiğinde altta çıkacak yazıyı, width ile resmin genişliğini, height ile resmin yüksekliğini ayarlayabiliriz.