Tekrardan başarılar, çok yararlı konu.
Metin Düzenleme Etiketleri
Html etiketleri kullanılarak metinler üzerinde görsel düzenlemeler yapılabilir. Bir metnin rengi, şekli, boyutu vs. üzerindeki değişiklik ve düzenlemelerin html etiketlerini kullanarak nasıl yapılacağına bakalım.
1-) <HX>
<HX> etiketleri, dokümana başlık eklemek için kullanılan etiketlerdir. <hx> etiketindeki “x” ifadesi, 1’den 6’ya kadar değer almaktadır. Sayı azaldıkça yazı büyüklüğünde artış olmaktadır. Buradaki <h1>…</h1> en büyük başlığı, <h6>…</h6> ise en küçük başlığı gösterir
Örnek Görsel ;
![[Resim: p8Z1Z4.png]](https://forumcsdarkresim.com/galeri/p8Z1Z4.png)
<HX> ile kullanılacak parametrelerden birisi “align” parametresidir.
Align parametresi, Left (sola hizala), right (sağa hizala), center (ortala), justify (iki yanayasla) değerlerini alabilir.
Örnek olarak <h1 align=”center”> The Simtem Yeni Kullanıcı Adı </h1> şeklinde yazıldığında “The Simtem Yeni Kullanıcı Adı” yazısı sayfaya ortalanmış bir şekilde yazılacaktır.
2-) <B>
İstenilen metni kalın (bold) olarak yazmak için kullanılır.
Kullanımı:
<B>…</B> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
3-) <U>
İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.
Kullanımı:
<U>…</U> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
4-) <I>
İstenilen metni eğik(italik) olarak yazmak için kullanılır.
Kullanımı:
<I>…</I> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
5-) <BR>
Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz.
Örnek:
Ey Türk Gençliği!
Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini,
ilelebet, muhafaza ve müdafaa etmektir.
6-) <P>
Paragraf oluşturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boşluk bırakarak, metne satır başından devam edilmesini sağlar.
7-) <FONT>
<FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir.
Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır).
Örnek:
<FONT SIZE ="1"> Merhaba</FONT>
<FONT SIZE ="4"> Merhaba</FONT>
<FONT SIZE ="7"> Merhaba</FONT>
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
![[Resim: c8R3A3.png]](https://forumcsdarkresim.com/galeri/c8R3A3.png)
Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıştır.).
Color: Yazı tipi etiketi içerisinde metnin rengini değiştirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değişikliği yapabilirsiniz.
Örnek:
<FONT size="5" COLOR="aqua"> Merhaba</FONT>
<FONT size="5" COLOR="#FF0000"> Merhaba</FONT>
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Merhaba Merhaba
Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır.
Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır.
<font face="Algerian" size="7" color="purple">Merhaba</font>
Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır.
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
![[Resim: j2D9O4.png]](https://forumcsdarkresim.com/galeri/j2D9O4.png)
Görünüm Düzenleme Etiketleri
1-) <HR>
<HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.
Size, çizilen çizginin kalınlığını belirlemek için kullanılır.
Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır.
Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.
Örnek:
<hr size=“6” width=”200” align=“center”>
Bugünkü konumuzda bitmiştir.Umarım anlatabilmişimdir.Takıldığınız yerleri ısrarla sorun lütfen!
Emeğe Saygı İçin Beğenmeyi Unutmayın
Önceki Konular Listesi «
» Sıfırdan HTML Öğreniyorum (Temel Etiketler) #1
» Sıfırdan HTML Öğreniyorum (Listeleme Etiketler) #2
Sonraki Konular Listesi »
» Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
» Sıfırdan HTML Öğreniyorum (Tablolar) #5
Html etiketleri kullanılarak metinler üzerinde görsel düzenlemeler yapılabilir. Bir metnin rengi, şekli, boyutu vs. üzerindeki değişiklik ve düzenlemelerin html etiketlerini kullanarak nasıl yapılacağına bakalım.
1-) <HX>
<HX> etiketleri, dokümana başlık eklemek için kullanılan etiketlerdir. <hx> etiketindeki “x” ifadesi, 1’den 6’ya kadar değer almaktadır. Sayı azaldıkça yazı büyüklüğünde artış olmaktadır. Buradaki <h1>…</h1> en büyük başlığı, <h6>…</h6> ise en küçük başlığı gösterir
Kod:
<h1>The Simtem Yeni Kullanıcı Adım</h1>
<h2>The Simtem Yeni Kullanıcı Adım</h2>
<h3>The Simtem Yeni Kullanıcı Adım</h3>
<h4>The Simtem Yeni Kullanıcı Adım</h4>
<h5>The Simtem Yeni Kullanıcı Adım</h5>
<h6>The Simtem Yeni Kullanıcı Adım</h6>Örnek Görsel ;
<HX> ile kullanılacak parametrelerden birisi “align” parametresidir.
Align parametresi, Left (sola hizala), right (sağa hizala), center (ortala), justify (iki yanayasla) değerlerini alabilir.
Örnek olarak <h1 align=”center”> The Simtem Yeni Kullanıcı Adı </h1> şeklinde yazıldığında “The Simtem Yeni Kullanıcı Adı” yazısı sayfaya ortalanmış bir şekilde yazılacaktır.
2-) <B>
İstenilen metni kalın (bold) olarak yazmak için kullanılır.
Kullanımı:
<B>…</B> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
Kod:
<html>
<head>
<title>Güzel Sözler</title>
</head>
<body>
Boş Zaman Yoktur <b>boşa geçen zaman</b>vardır.Tagore
</body>
</html>3-) <U>
İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.
Kullanımı:
<U>…</U> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
Kod:
<html>
<head>
<title>Güzel Sözler</title>
</head>
<body>
Boş Zaman Yoktur <u>boşa geçen zaman</u>vardır.Tagore
</body>
</html>4-) <I>
İstenilen metni eğik(italik) olarak yazmak için kullanılır.
Kullanımı:
<I>…</I> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore
Kod:
<html>
<head>
<title>Güzel Sözler</title>
</head>
<body>
Boş Zaman Yoktur <i>boşa geçen zaman</i>vardır.Tagore
</body>
</html>5-) <BR>
Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz.
Örnek:
Ey Türk Gençliği!
Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini,
ilelebet, muhafaza ve müdafaa etmektir.
Kod:
<html>
<head>
<title>Güzel Sözler</title>
</head>
<body>
<b>Ey Türk Gençliği!</b>
Birinci vazifen, Türk istiklalini, Türk Cumhuriyetini,
<br>ilelebet, muhafaza ve müdafaa etmektir.
</body>
</html>6-) <P>
Paragraf oluşturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boşluk bırakarak, metne satır başından devam edilmesini sağlar.
Kod:
<html>
<head>
<title>Güzel Sözler</title>
</head>
<body>Bir tüccar, mağazasında çalıştırmak üzere bir çocuk aradığını gazetede ilân etmişti. İlâna 40 çocuk başvurdu. Bunların 39’u tavsiye mektubu ile gelmişti. Birinin ise hiçbir şeyi yoktu. Tüccar tavsiyesiz gelen çocuğu işe aldı. Durumu gören tüccarın yakın arkadaşlarından biri sordu:<p>
-Bu çocuğun tavsiyesi olmadığı halde neden onu işe aldın?<p>
-İçeriye girerken ayaklarını paspasa sildi ve girdikten sonra kapıyı kapadı, beni saygı ile selamladı, düzgün ve nazik konuştu.</body>
</html>7-) <FONT>
<FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir.
Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır).
Örnek:
<FONT SIZE ="1"> Merhaba</FONT>
<FONT SIZE ="4"> Merhaba</FONT>
<FONT SIZE ="7"> Merhaba</FONT>
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıştır.).
Color: Yazı tipi etiketi içerisinde metnin rengini değiştirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değişikliği yapabilirsiniz.
Örnek:
<FONT size="5" COLOR="aqua"> Merhaba</FONT>
<FONT size="5" COLOR="#FF0000"> Merhaba</FONT>
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Merhaba Merhaba
Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır.
Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır.
<font face="Algerian" size="7" color="purple">Merhaba</font>
Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır.
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Görünüm Düzenleme Etiketleri
1-) <HR>
<HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.
Size, çizilen çizginin kalınlığını belirlemek için kullanılır.
Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır.
Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.
Örnek:
<hr size=“6” width=”200” align=“center”>
Bugünkü konumuzda bitmiştir.Umarım anlatabilmişimdir.Takıldığınız yerleri ısrarla sorun lütfen!
Emeğe Saygı İçin Beğenmeyi Unutmayın Önceki Konular Listesi «
» Sıfırdan HTML Öğreniyorum (Temel Etiketler) #1
» Sıfırdan HTML Öğreniyorum (Listeleme Etiketler) #2
Sonraki Konular Listesi »
» Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
» Sıfırdan HTML Öğreniyorum (Tablolar) #5
