A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site
Anasayfa / Yazılım / Html Metin Etiketleri

Html Metin Etiketleri

Merhabalar, bu yazımızda sizlere HTML  taglerinden bahsedeceğim. Eğer Html, Head, Body taglerini biliyorusanız buradan konu ile ilgili bilgi alabilirsiniz.  Metin biçimlendirme işlemi nasıl yapılır ve nerede kullanılır bundan bahsedeceğiz. Metin biçimlendirme tagleri <body> içerisinde kullanılmaktadır.

Metin Biçimlendirme Etiketleri

1) <h> Başlık Etiketi: Bu etiket yazılara başlık eklemek için kullanılır. Zaten etiketin ismi ingilizce heading yani başlık kelimesinin baş harfinden alınmıştır. Farklı büyüklükte başlıklar kullanılabileceği için h1, h2, h3, h4, h5, h6 olmak üzere 6 farklı başlık büyüklüğü mevcuttur. Burada en büyük başlık <h1> en küçük ise <h6> dır.

<html>
<head>
<meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
<title>Metin Biçimlendirme</title>
<head>
<body>
     <h1>Konu Başlık Alanı</h1>
     <h3>Konu Başlık Alanı</h3>
     <h6>Konu Başlık Alanı</h6>
<body>
</html>

2) <b> Kalınlık Etiketi: Bu etiket yazıları kalın yapmak için kullanılır. İngilizce bold (kalın) kelimesinden gelmektedir. Web sayfalarında ziyaretçilerin dikkatini çekmek için kullanılır.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      Bu yazıda <b>Kalın</b> yazı alanları 
     b etiketlerinin <b>olduğu</b> alanlardır.
   </body>
</html>

3) <i> İtalik (eğik yazı) Etiketi: Bu etiket metni eğik yazmak için kullanılır. Italic kelimesinden gelmektedir. Bu etikette ziyaretçinin dikkatinin çekilmesi istenen yerlerde kullanılır.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <i>Bu yazı i taglerinin içerisinde 
      bulunduğu için italic(eğik) şekilde yazılacaktır.</i>
   </body>
</html>

 

<u> Altını Çiz etiketi: Bu etiket metnin istenen kısımlarının altını çizmek için kullanılır. İngilizce underline (altı çizili) kelimesinin baş harfinden gelmektedir.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <p> Merhabalar <u>Altı çizili alan</u> 
     u taglerinin içerisinde bulunan alandır.</p>
   </body>
</html>

 

<br> Alt Satıra Geç Etiketi: Html dili ile web sitesi oluştururken bir alt satıra geçmek için Enter tuşunun işe yaramadığını görürsünüz. Html’de alt satıra geçmek için <br> etiketi kullanılır.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      Her kodun sonunda <br>
      Br etiketi koyarak <br>
      Cümlenizi bir alt satıra atabilirsiniz.
   </body>
</html>

 

<p> Paragraf Etiketi: Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <p>P etiketi arasına bir paragraf yazabilirsiniz.</p>
   </body>
</html>

 

<font> Etiketi: Font etiketi metin rengini ayarlama, yazı tipini değiştirme ve boyutunu ayarlamak için kullanılır. Tek bir etiketin bu 3 özelliği değiştirebilmesi aldığı parametreler sayesinde olmaktadır.

  • Size parametresi: Metnin boyutunu ayarlamak için kullanılır. Yazının büyüklüğü 1 ile 7 arasında değer alır.
<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <font size="14">Metnin boyutunu belirtiyorum.</font>
   </body>
</html>
  • Face parametresi: Yazı tipini değiştirmek için kullanılır. Bilgisayarda kullandığımız birçok yazı tipi geçerli olarak kullanılabilir. Fakat okunabilirlik ve tarayıcı desteği açısından Arial, Times New Roman gibi yazı tipleri tercih edilmelidir.
<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <font face="arial">Metnin yazı fontunu arial olarak ayarlıyorum.</font>
   </body>
</html>
  • Color parametresi: Yazı rengini değiştirmek için kullanılır. Red, blue, yellow gibi renklerin ingilizcesi kullanılabileceği gibi #3b457c gibi renk kodlarıda kullanılabilir.
<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <font color="red"> Bu metin kırmızı renklidir.</font>
      <font color="#4bb3a2">Bu metin renklendirilmiştir.</font>
   </body>
</html>

Bu gösterdiğim Font taglerini bir arada da kullanabilirsiniz;

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <font face="Times New Roman" color="blue" size="5"> 
          Font etiketiyle yazı biçimlendirildi.
      </font>

   </body>
</html>

Bu dersimizde sizlere HTML etiketlerini anlatmaya çalıştık..

Hakkında Kamil Keleş

Editör'ün Önerisi

MySQL’de Veri Türleri Ve Tablo Oluşturma Komutları

Bir MySQL veritabanın’da tablo “CREATE TABLE” komutu ile oluşturulur.Tabiki tablo oluşturmadan önce MySQL’den bir veritabanı …

Bir Cevap Yazın

%d blogcu bunu beğendi: