Ana Sayfa

Bilgisayar Eğitim CD

Bilgisayar Kitapları

 
 
Adım Adım Web Eğitim Seti Adobe Flash Eğitim Seti


HTML Dersleri Geri Dön

HTML Eğitim Seti

HTML Stiller

HTML Stil

Web sayfasında yazılara (textlere) stil kazandırmak için bir çok etiket bulunmaktadır. Şimdi bu yazımızda önemli bir kaç etiketi inceleyelim.

 

  • Kalın (Bold) Yazmak

Bir yazıyı kalın yazmak için <b></b> etiketini kullanırız. <b></b> etiketi arasına gelecek olan yazılar kalın yazılır.

  1. <html>

  2. <head>

  3. <title>Html’de Kalın Yazmak</title>

  4. </head>

  5. <body>

  6. <b>Burası Kalın Yazılacaktır.</b>

  7. </body>

  8. </html>

Önizleme :

Burası Kalın Yazılacaktır

  • İtalik(Italic) Yazmak

İtalik yazmak için kullanacağımız etiket <I></I> dır.

  1. <html>

  2. <head>

  3. <title>Html’de İtalik Yazmak</title>

  4. </head>

  5. <body>

  6. <I>Burası İtalik Yazılacaktır.</I>

  7. </body>

  8. </html>

  9.  

Önizleme :

Burası İtalik Yazılacaktır

  • Hem Kalın Hem de İtalik Yazmak

Hem kalın hem de italik yazmak için <etiket1> açılır, sonra <etiket2> açılır, sonrasında <etiket1> kapatalır, sonra <etiket2> kapatılır.

  1. <html>

  2. <head>

  3. <title>Html’de Hem Kalın Hem de İtalik Yazmak</title>

  4. </head>

  5. <body>

  6. <b>Türkiye</b> Kalın Yazılacaktır.

  7. </br>

  8. <I>Ankara</I> İtalik Yazılacaktır.

  9. </br>

  10. <b><I>Çankaya / Dikmen </I></b> Hem Kalın Hemde İtalik Yazılacaktır.

  11. </body>

  12. </html>

Önizleme :

Türkiye Kalın Yazılacaktır.
Ankara İtalik Yazılacaktır.
Çankaya / Dikmen Hem Kalın Hemde İtalik Yazılacaktır.

  • Altıçizili (Underline) Yazmak

Bir yazıyı altıçizili yazmak için <u></u> etiketlerini kullanırız.

  1. <html>

  2. <head>

  3. <title>Html’de Altıçizili Yazmak</title>

  4. </head>

  5. <body>

  6. <u>İstanbul</u> AltıÇizili Yazılacaktır.

  7. </body>

  8. </html>

Önizleme :

İstanbul AltıÇizili Yazılacaktır.
 

  • Üstüçizili (Strike) Yazmak

Bir yazıyı üstü çiziliyazmak için <strike></strike> etiketlerini kullanırız.

  1. <html>

  2. <head>

  3. <title>Html’de Üstü Çizili Yazmak</title>

  4. </head>

  5. <body>

  6. <u>İzmir</u> Üstü Çizili Yazılacaktır.

  7. </body>

  8. </html>

Önizleme :

İstanbul Üstü Çizili Yazılacaktır.

  • Üstlü (SUP) Yazmak

Bir yazıyı biraz üstte yazmak için <sup></sup> fonksiyonunu kullanırız.

  1. <html>

  2. <head>

  3. <title>Html’de Üstlü Yazmak</title>

  4. </head>

  5. <body>

  6. a=3<sup>2</sup>

  7. a=9

  8. </body>

  9. </html>

  10.  

Önizleme :

32=9

  • Altlı (Sub) Yazmak

Tam olarak bu etiket normal yazının biraz aşağısında yazmamızı sağlar. <sub></sub> Biraz matematil bilgilerimizi hatırlayalım

  1. <html>

  2. <head>

  3. <title>Html’de Altlı Yazmak</title>

  4. </head>

  5. <body>

  6. log<sub>10</sub>10=1

  7. a=9

  8. </body>

  9. </html>

Önizleme :

log1010=1