<html>
<head>
</head>
<body link="red" Alink="white" Vlink="green" Background="yellow">
<h1> <P> Html İle Basit Web İşlemleri </p> </h1>
<a name="yukarıcık"> <br> <h3> 3.1. Metin Düzenleme Etiketleri </h3> </a>
<ol>
<H4><P> Farklı Sayfaya Gitmek İçin <a href="site2.htm"> Tıklayınız </a> </P> </H4>
<H4> <p> Sitemize Gitmek İçin <a href="https://sadecehtml.blogspot.com.tr/" target="_blank">Tıklayınız </a> </H4>
<ol>
<br>
<br>
<li> <a href ="#bolum1"> < HX > </li> </a>
<li> <a href ="#bolum2"> < B > </li> </a>
<li> <a href ="#bolum3"> < U > </li> </a>
<li> <a href ="#bolum4"> < I > </li> </a>
<li> <a href ="#bolum5"> < BR > </li> </a>
<li> <a href ="#bolum6"> < P > </li> </a>
<li> <a href ="#bolum7"> < FONT > </li> </a>
<li> <a href ="#bolum8"> < OL > </li> </a>
<li> <a href ="#bolum9"> < UL > </li> </a>
</ol>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="bolum1"> <h2> <P> < HX > </P> </h2> </a>
<p> < 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. <p>
<br> Buradaki < h1 >…< /h1 > en büyük başlığı, < h6 >…< /h6 > ise en küçük başlığı gösterir.
<center> <img src="adsız1.png" width="440" height"3" > </center>
<p> < 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. </p>
<p> < h1 align="center" > Milli Eğitim Bakanlığı < /h1 > şeklinde yazıldığında “Milli Eğitim Bakanlığı” yazısı sayfaya ortalanmış bir şekilde yazılacaktır. </p>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<br>
<br>
<a name="bolum2"> <h2> <p> < B > </p> </h2> </a>
İstenilen metni kalın (bold) olarak yazmak için kullanılır.
<p><h4> Kullanımı :</h4>
< B >…< /B > şeklindedir. </p>
<p><h4> Örnek :</h4>
<p> Boş zaman yokturboşa geçen zaman vardır. Tagore </p>
<center> <img src="adsız2.png" width="440" height"3" > </center>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum3"> <h2> <p> < U > </p> </h2> </a>
İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.
<p><h4> Kullanımı :</h4>
<P> < U >…< /U > şeklindedir. </P>
<p><h4> Örnek :</h4>
<P>Boş zaman yoktur boşa geçen zaman vardır. Tagore </P>
<center> <img src="adsız3.png" width="440" height"3" > </center>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum4"> <h2> <p> < I > </p> </h2> </a>
İstenilen metni eğik(italik) olarak yazmak için kullanılır.
<p><h4> Kullanımı :</h4>
<p> < I >…< /I > şeklindedir. </p>
<p><h4> Örnek :</h4>
<p>Boş zaman yoktur boşa geçen zaman vardır. Tagore </p>
<center> <img src="adsız4.png" width="440" height"3" > </center>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum5"> <h2> <p> < BR > </p> </h2> </a>
Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz.
<p><h4> Örnek :</h4>
<p><h4> Ey Türk Gençliği! </h4>
<P> Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini, ilelebet, muhafaza ve müdafaa etmektir. </P>
<center> <img src="adsız5.png" width="440" height"3" > </center>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum6"> <h2> <p> < P > </p> </h2> </a>
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.
<p><h4> Örnek :</h4>
<center> <img src="adsız6.png" width="550" height"3" > </center>
<BR>
<center> <img src="adsız7.png" width="550" height"3" > </center>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum7"> <h2> <p> < FONT > </p> </h2> </a>
< 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.
<P> Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.). </P>
<img src="adsız8.png" >
<BR>
<P> Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır. </P>
<img src="adsız9.png" >
<BR>
<P> 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.). </P>
<P> 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. </P>
<img src="adsız10.png">
<BR>
<P> Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır. </P>
<img src="adsız11.png">
<BR>
<P> 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. </P>
<P> < font face="Algerian" size="7" color="purple" > Merhaba< /font >
<P> 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. </P>
<BR>
<img src="adsız12.png" >
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık </p> </a>
<a name="bolum8"> <h2> <p> < OL > </p> </h2> </a>
<P> Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. </P>
<P> Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz.</P>
<P> < ol > etiketi, < li > etiketi ile birlikte kullanılmalıdır.
<p><h4> Örnek 1</h4>
<BR>
<P> Burada < ol > etiketini kullanarak listeleme işlemine başlıyoruz. < li > etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz. </P>
<img src="adsız13.png">
<BR>
<P> Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz. </P>
<P> " A " harfi yerine küçük " a " harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır. </P>
<img src="adsız14.png" >
<BR>
<P> " I " harfi yerine küçük" i " harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır. </P>
<img src="adsız15.png">
<BR>
<P> Sıralamanın her zaman "1" den veya "A" dan başlamasını istemeyebiliriz. Bu tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. </P>
<P> Örneğin sıralamayı "C" harfinden başlatmak istiyorsak start değerine "C" yazmak yerine "3" yazmak zorundayız. </P>
<BR>
<img src="adsız16.png">
<BR>
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
<a name="bolum9"> <h1> <p> < UL > </p> </h1> </a>
<P> < ul > etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır. </P>
<BR>
<img src="adsız17.png">
<BR>
<P> Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir. </P>
<br>
<img src="adsız18.png">
<p align="right">
<a href ="#yukarıcık"> Yukarı Çık</p> </a>
</body>
</html>
