Metin Etiketleri Html-Web Tasarım ve Programlama Ders3

Htm’de yapılmış metin örnekleri için link : https://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.

[code language=”csharp”]

<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>

[/code]

h etiketinde hizalama (align) özelliği kullanılabilir. left: sola , right:sağa , center:ortala , justify:iki yana yasla

[code language=”csharp”]

<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 </h4>

</body>

</html>

[/code]

br etiketi: Yazılarda bir alt satıra geçmek için kullanılır.

[code language=”csharp”]

<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>

[/code]

b etiketi: etiketler arasına yazılan metinleri kalın punto ile yazar.

öykü(hikaye) kelimesinin kalın yazılmasını sağlayalım.

[code language=”csharp”]

<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>

[/code]

u etiketi: etiketler arasına yazılan metinleri altı çizili yazar.

öykü(hikaye) kelimesinin altı çizili yazılmasını sağlayalım.

[code language=”csharp”]

<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>

[/code]

Htm’de yapılmış metin örnekleri için link : https://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.

[code language=”csharp”]

<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>

[/code]

p etiketi: etiketler arasına yazılan metinleri boş satır bırakarak paragraf olarak yazar.

[code language=”csharp”]

<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>

[/code]

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.

[code language=”csharp”]

<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>

[/code]

mesela son satırdaki romana kelimesinin yazı tipini verdana yapalım.

[code language=”csharp”]

<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>

[/code]

mesela son satırdaki romana kelimesinin yazı boyutunu 6 yapalım.

[code language=”csharp”]

<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>

[/code]

bgcolor etiketi: arka plan rengini belirlemek için kullanılır.

arka plan rengini mavi yapalım.

[code language=”csharp”]

<html>

<head>

<title>Metin İşlemleri</title>

</head>

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>

[/code]

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 :

[code language=”csharp”]

<html>

<body>

<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>

[/code]

ç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.

[code language=”csharp”]

<html>

<body>

<abbr title="Türkçe Öğretim Merkezi">TÖMER</abbr><br>

<del>üstü çizili</del><br>

<ins>altı çizili</ins>

</body>

</html>

[/code]

çalıştıralım.

Htm’de yapılmış metin örnekleri için link : https://www.gorselprogramlama.com/baglanti-link-kopru-listeleme-metin-etiket-ornekleri-html-web-tasarimi-ve-programlama

Metin Etiketleri Html-Web Tasarım ve Programlama Ders3

Bir yanıt yazın