Anasayfa / Html / Html için Temel Metin Düzenleme Etiketleri

Html için Temel Metin Düzenleme Etiketleri

Metin etiketlerinden kasdettiğimiz, yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi, yazı tipi, font büyüklüğü gibi özellikleridir.

Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET

<strong>..</strong>            => Metni kalın yapar                  Örneğin : MEHMET 

<i>…..</i>                          => Metni italik (eğik) yapar     Örneğin : MEHMET 

<u>…</u>                          => Metnin altını çizer                 Örneğin : MEHMET 

<strike>…</strike>               => Metnin üstünü çizer             Örneğin : MEHMET 

<big>….</big>                    => Metni büyütür                        Örneğin: MEHMET 

<small>…</small>                 => Metni küçültür                       Örneğin : MEHMET 

<sub>….</sub>                   => Metne alt yazı ekler              Örneğin : X2

<sup>….</sup>                   => Metne üst yazı ekler             Örneğin : X2

 

Buraya kadarki kısımda yazının renk özelliklerinden bahsetmedik.Onu ise <font>..</font> etiketleri ile yapıyoruz

Bu etiketin en önemli 3 özelliği vardır.Bunlardan 1.si color( renk )  2.si  size( boyut )  3.sü face( yazı stili ) Peki kullanımı nasıl ?

<html>
<head>
<title>Metin Özellikleri</title>
</head>
<body>
<font color="red">Burası KIRMIZI renk</font>
<br/>
<font color="pink" size="1px"> Burası Pembe VE 1 PİKSEL</font>
<br/>
<font color="orange" size="5px" face="Arial">Burası Turuncu,5 Piksel,Arial Fontlu</font>
</body>
</html>

Bu kodları Notepad de yazıp uzantısını .htm veya .html olarak kaydedip tarayıcınızda açtığınızda çıktınız aşağıdaki gibi olacaktır

 

 

Htmlde çok sık kullanılan yapılardan biri de başlıklardır.Başlıkları kullanabilmemiz için gereken etiket <h?> etiketidir.Bu etiketin işlem bittikten sonra kapanması gerekir.Soru işareti (?) kısmına 1 den 6 ya kadar sayılar yazılabilir.1 yazarsak en büyük fontta,6 yazarsak en küçük fontta başlık yazar.Yani 1 den 6 ya doğru gittikçe başlık boyutu küçülür. Konunun daha iyi anlaşılması açısından buna bir örnek verelim

<html>
<head>
<title>Başlıklar</title>
</head>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>

Çıktımız:

h etiketinin kullanımı

Hakkında Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisi bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şuanda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

İlginizi Çekebilir

html dersleri

Htmlde Tablo Oluşturmak

Tablolar,verilerimizi bölümler halinde görüntülemek için kullanılırlar.Htmlde tablo oluşturmak için kullanacağımız etiket <table>..</table> dir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir