1. Anasayfa
  2. Web Tasarım ve Programlama

Html Dersleri – Metin Biçimlendirme


0

Bu bölümde öğreneceğimiz etiketler:

  • Başlık etiketleri: <h1>…<h6>
  • Paragraf etiketi: <p>…</p>
  • Ortalama: <center>…</center>
  • Diğer etiketler: <b>…</b>,<i>…</i>,<u>…</u>

HTML’de metin stillerini üç şekilde belirleyebiliriz:

  • Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir etiketle biçimleme stili. Buna in-line (satır içi) biçimlendirme denir.
  • Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden atıf yapılarak metin biçimleme. (Embedded-Gömülü biçimlendirme)
  • HTML dosyasının dışında başka bir stil dosyası oluşturarak stil için bu dosyayı kullanma.
  • Buna Cascading Style Sheets-Yığılmalı Stil Kağıtları deniyor.
  • Kısaca CSS.
  • Bu teknik bize örneğin yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi geniş imkanlar veriyor
<html>
<head>
<title><strong>Başlık Etiketleri-2</strong></title>
</head>
<body>
<h1><center><strong>Sayfama Hoşgeldiniz</strong></center></h1>
<p><strong>HTML etiketleri ile, </strong></p>
<strong> Yazıları </strong>
<b><strong>koyu</strong></b>
<i><strong>italik</strong> </i>
<strong> ve</strong>
<u><strong>altı çizili</strong> </u>
<strong> olarak yazabiliyorum </strong>
</body>
</html>
center>….</center> Aradaki metinleri sayfaya göre ortalar. (center)
<b>…</b> Aradaki metni koyu (bold) yazar.
<i>…</i> Aradaki metni eğik (italic) yazar.
<u>…</u> Aradaki metni altı çizili (underline) olarak yazar.
<h1>…</h6> Başlık (heading) etiketi. h1 en büyük, h6 en küçük.
<p>…</p> Aradaki metin paragraf özelliği kazanır.Sonlandırıldığında, takib eden metin bir satır boşluk bırakılarak ve satır başına yazılır.
Bu İçeriğe Tepkin Ne Oldu?
  • 1
    ba_ar_l_
    Başarılı
  • 3
    gayet_yi
    Gayet İyi
  • 2
    te_ekk_rler
    Teşekkürler
  • 0
    anlamad_m
    Anlamadım
  • 3
    yetersiz
    Yetersiz
Subscribe
Bildir
guest

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

0 Yorum
Inline Feedbacks
View all comments