Temel HTML Etiketleri Nelerdir?

yazılım30 Ağustos 2024, 23:32

HTML‘deki en önemli Temel etiketler; Başlıklar (Heading) (<h1>…<h6>), paragraflar (<p>) ve satır atlama (<br />) etiketleridir.

HTML gibi tüm dilleri öğrenmenin en iyi yolu örnekleri kendinizinde yapmasıdır. Bu yüzden bir HTML sayfası oluşturup, denediğimiz kodları sizde denerseniz, öğrenme süreciniz daha hızlı olacaktır.

HTML’de Başlıklar

HTML’de başlıklar <h1>‘den <h6>‘ya kadar en büyükten en küçüğe doğru sıralanırlar. <h1> en büyük puntoyu belirtirken, <h6> ise en küçük puntoyu belirtir. HTML otomatik olarak başlık etiketlerinin önce ve sonrasında bir satır atlar.

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Başlıklar</title>
 </head>
 <body>
  <h1>H1 Başlık</h1>
   <h2>H2 Başlık</h2>
   <h3>H3 Başlık</h3>
   <h4>H4 Başlık</h4>
   <h5>H5 Başlık</h5>
   <h6>H6 Başlık</h6>
 </body>
</html>

HTML’de Paragraflar

HTML’de Paragraf yeni bir satıra başlangıcı ifade eder. Paragraflar <p> etiketi ile başlayıp </p> ile biter. Başlık yapısındaki gibi paragraflardan sonra da kod kendiliğinden satır atlar.

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Paragraflar</title>
 </head>
 <body>
  <p>Bu ilk paragrafımız</p>
  <p>Bu ikinci paragrafımız</p>
 </body>
</html>

Dikkat! HTML etiketleri kullanırken etiket sonlarını kapatmayı unutmayın. <p> etiketi açtığınızda kesinlikle </p> ile kapatmadan yeni bir paragrafa veya başka bir etikete geçmeyin.

HTML’de Satır Atlamak

HTML’de satır atlamak için <br /> etiketi kullanılır. Bu etiket yeni bir paragraf açmaz bunu unutmayalım.

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Satır Atlama</title>
 </head>
 <body>
 <p>Bu ilk paragraf şimdi satır<br /> atlayalım ve bir daha satır <br /> atlayalım.</p>
 </body>
</html>

Genel olarak temel etiketler bunlardır. Bu etiketler dışındaki etiketleri diğer yazılarımda değineceğim. Şimdilik sağlıcakla Kalın.

Medium: Temel HTML Etiketleri Nelerdir?

DINCERDEGRE