Metin Etiketleri Html-Web Tasarım ve Programlama Ders3
Metin Etiketleri Html-Web Tasarım ve Programlama Ders3
Htm’de yapılmış metin örnekleri için link : http://www.gorselprogramlama.com/baglanti-link-kopru-listeleme-metin-etiket-ornekleri-html-web-tasarimi-ve-programlama
h etiketi: h’ın yanına 1 ile 6 arasında değer yazılarak yazınının boyutu değiştirilebilir.Sayı büyüdükçe yazının boyutu küçülür.
<html> <head> <title>Metin İşlemleri</title> </head> <body> <h6>Hasan YILMAZ</h6> <h5>Hasan YILMAZ</h5> <h4>Hasan YILMAZ</h4> <h3>Hasan YILMAZ</h3> <h2>Hasan YILMAZ</h2> <h1>Hasan YILMAZ</h1> </body> </html>
h etiketinde hizalama (align) özelliği kullanılabilir. left: sola , right:sağa , center:ortala , justify:iki yana yasla
<html> <head> <title>Metin İşlemleri</title> </head> <body> <h4 align="right">Hasan YILMAZ</h4> <h4 align="left">Hasan YILMAZ</h4> <h4 align="center">Hasan YILMAZ</h4> <h4 align="justify">Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ Hasan YILMAZ </h4> </body> </html>
br etiketi: Yazılarda bir alt satıra geçmek için kullanılır.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara öykü(hikaye) denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da romana yaklaşır. </body> </html>
b etiketi: etiketler arasına yazılan metinleri kalın punto ile yazar.
öykü(hikaye) kelimesinin kalın yazılmasını sağlayalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b>öykü(hikaye)<b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da romana yaklaşır. </body> </html>
u etiketi: etiketler arasına yazılan metinleri altı çizili yazar.
öykü(hikaye) kelimesinin altı çizili yazılmasını sağlayalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da romana yaklaşır. </body> </html>
Htm’de yapılmış metin örnekleri için link : http://www.gorselprogramlama.com/baglanti-link-kopru-listeleme-metin-etiket-ornekleri-html-web-tasarimi-ve-programlama
i etiketi: etiketler arasına yazılan metinleri italik yazar.
İkinci paragrafı italik yazmak için gerekli kodları ekleyelim.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da romana yaklaşır.</i> </body> </html>
p etiketi: etiketler arasına yazılan metinleri boş satır bırakarak paragraf olarak yazar.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <p><i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da romana yaklaşır.</i></p> </body> </html>
font etiketi: üç tane özelliği vardır. color: yazı rengi (rengin ingilizce ismi veya RGB renk kodu), face: yazı tipi , size:yazı boyutu(1-6 arasında değer veya -1,+1 gibi değerler verilir) .
mesela son satırdaki romana kelimesinin rengini kırmızı yapalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <p><i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da <font color="red">romana</font> yaklaşır.</i></p> </body> </html>
mesela son satırdaki romana kelimesinin yazı tipini verdana yapalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <p><i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da <font color="red" face="verdana">romana</font> yaklaşır.</i></p> </body> </html>
mesela son satırdaki romana kelimesinin yazı boyutunu 6 yapalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <p><i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da <font color="red" face="verdana" size="6">romana</font> yaklaşır.</i></p> </body> </html>
bgcolor etiketi: arka plan rengini belirlemek için kullanılır.
arka plan rengini mavi yapalım.
<html> <head> <title>Metin İşlemleri</title> </head> <body bgcolor="blue"> Yaşanmış veya tasarlanmış bir olayı,bir durum; yer,kişi ve zaman belirterek anlatan kısa yazılara <b><u>öykü(hikaye)<u><b> denir. Genellikle romandan kısa olurlar,dar bir zamanı kapsarlar, kişiler romana göre daha azdır,anlatılanları tek sınırlıdır ve olayla ilgili yer ve zaman belirtirler.<br> <p><i>Hikaye kısalığı ve kurgusuyla masala,kişilerin nitelendirilmesi,eylemin işlenişi ve canlandırılmasıyla da <font color="red" face="verdana" size="6">romana</font> yaklaşır.</i></p> </body> </html>
small: Bu etiket arasına yazılan yazı küçük boyutta yazılır.
big: Bu etiket arasına yazılan yazı büyük boyutta yazılır.
sub: Alt simge oluşturmak için kullanılır.
sup: Üst simge oluşturmak için kullanılır.
em:Vurgulu metin yazmak için kullanılır.
strong: Güçlü metin yazmak için kullanılır.
pre: Yazılan yazıyı notpad’deki formatıyla yazar.
Örnek :
<html>
<body>
<small>Kçük yazı</small><br>
<big>Büyük yazı</big><br>
H<sub>2</sub>O<br>
X<sup>2</sup><br>
<em>vurgulu yazı</em>
<strong>güçlü yazı</strong><br>
<pre> while (durum == false)
{
rsayi = r.Next(100);
if ((rsayi % 2) == 1)
durum = true;
}
</pre>
</body>
</html>
çalıştıralım.
abbr-acronym: Üzerinde gelindiğinde açıklama satırı eklemek için kullanılır.Genelde kısaltmalarda kullanılır.
del:Etiketleri arasına yazılan ifadenin üstünü çizer.
ins:Etiketleri arasına yazılan ifadenin altını çizer.
<html> <body> <abbr title="Türkçe Öğretim Merkezi">TÖMER</abbr><br> <acronym title="Avrupa Konseyi Parlamentler Meclisi">AKPM</acronym><br> <del>üstü çizili</del><br> <ins>altı çizili</ins> </body> </html>
,
çalıştıralım.
Htm’de yapılmış metin örnekleri için link : http://www.gorselprogramlama.com/baglanti-link-kopru-listeleme-metin-etiket-ornekleri-html-web-tasarimi-ve-programlama
