Rekayasa Perangkat Lunak SMKN 1 Mejayan
(BLC-Telkom Klaten)

Rabu, 04 Februari 2015

Mengatur teks dokumen HTML




Mengatur Teks Secara Fisik
  • Menggunakan tag <font></font>
Tag ini dapat digunakan untuk mengatur ukuran, warna dan jenis huruf
atribut : size, color, face

Contoh script 1



<!DOCTYPE html>

      <html>
             <head>
                      <title>Font</title>
             </head>
             <body>
                      <font size="1">ukuran 1</font><br>                                                   
                      <font size="2">ukuran 2</font><br>
                      <font size="3">ukuran 3</font><br>
                      <font size="4">ukuran 4</font><br>
                      <font size="5">ukuran 5</font><br>
                      <font size="6">ukuran 6</font><br>
                      <font size="7">ukuran 7</font><br>
             </body>
       </html>

Hasinya akan seperti ini

Contoh script 2

<!DOCTYPE html>
       <html>
              <head>
                     <title>Font Face</title>
              </head>
              <body>
                     <font face="Arial">Arial</font><br>
                     <font face="Tahoma">Tahoma</font><br>                                      
                     <font face="Courier New">Courier New</font><br>                          
              </body>
       </html>

Hasilnya akan seperti ini



Contoh script 3


<!DOCTYPE html>
       <html>
                  <head>
                       <title>Font Color</title>
                  </head>
                  <body>
                       <font color="blue">Saya Biru</font><br>                                          
                       <font color="red">Saya Merah</font><br>
                       <font color="#ff0000">Saya juga Merah</font><br>
                  </body>
       </html>

hasilnya akan seperti ini





  • Menggunakan tag <b></b> atau <strong></strong>
Tag <b></b> berguna untuk membuat huruf menjadi tebal

Contoh script

<!DOCTYPE html>
          <html>
                 <head>
                          <title>Huruf Tebal</title>
                 </head>
                 <body>
                          Saya tidak tebal<br>
                          <b>Huruf Tebal</br>                                                                
                          <strong>Saya juga Tebal</strong>
                 </body>
          </html>

Hasilnya akan seperti ini




  • Menggunakan tag <i></i> atau <em></em>
Tag untuk membuat huruf miring
Contoh cript

<!DOCTYPE html>
          <html>
                 <head>
                          <title>Huruf Miring</title>
                 </head>
                 <body>
                          Saya bukan huruf miring<br>
                          <i>Saya Huruf Miring</i><br>                                                 
                          <em>Saya juga Huruf Miring</em>                                                   
                 </body>
          </html>

Berikut hasilnya








  • Menggunakan tag <u></u>
Tag ini untuk membuat huruf dengan garis bawah

Contoh script
<!DOCTYPE html>
          <html>
                 <head>
                          <title>Huruf Garis Bawah</title>
                 </head>
                 <body>
                          Saya bukan huruf garis miring<br>
                          <u>garis bawah</u><br>                                                 
                 </body>
          </html>

Hasilnya akan seperti ini



0 komentar:

Posting Komentar

vitarista11.blogspot.com

Popular Posts