Headlines News :
Home » » HTML Tingkat Dasar

HTML Tingkat Dasar

Written By Mangku on Minggu, 23 Oktober 2011 | 13.02


Latihan Membuat Web Untuk Pemula

► Font

     Untuk mengatur penggunaan font pada sebuah halaman web, beberapa atribut dalam elemen font yaitu face (jenis huruf), color (warna), dan size (ukuran, dimulai dari 1-7).
Untuk latihan ketikkan script berikut dan simpan dengan nama "font.html"

    
          Font
    

    
        

          
          Tulisan ini arial berwarna biru dan berukuran 3
        


        

          
          Tulisan ini verdana dan berwarna merah
        


    


Hasil dari script di atas :

font.html

► Begin row (br)

     Untuk memulai baris baru pada sebuah halaman web tanpa memberi baris kosong di bawahnya (sama dengan tombol enter pada keyboard).
Untuk latihan ketikkan script berikut dan simpan dengan nama "begin_row.html"

    
          Begin Row
    

    
       
          Contoh
penggunaan tag br
untuk memotong
baris dalam
suatu paragraph
       

    


Hasil dari script di atas :

► Horizontal rule (hr)

     Untuk menggambar garis horizontal pada sebuah halaman web. Elemen
memiliki beberapa atribut seperti size (ukuran), width (lebar), color (warna), dan lain lain.

tabel atribut horizontal rule

AtributDeskripsi
sizeUntuk menentukan tebal dari
dalam pixel
positionUntuk menentukan posisi dari
widthUntuk menentukan panjang
noshadeMenampilkan garis horizontal tanpa bayang bayang 3D
colorMemberi warna pada garis horizontal

Untuk latihan ketikkan script berikut dan simpan dengan nama "horizontal rule.html"

    
          Horizontal Rule
    

    
       
          Horizontal Rule


          Horizontal Rule 10 pixel

          Horizontal Rule warna merah

       
    


Hasil dari script di atas :

► Preformatted text (pre)

     Untuk menampilkan teks sesuai dengan format aslinya atau seperti yang diketikkan di dalam dokumen HTML.
Untuk latihan ketikkan script berikut dan simpan dengan nama "preformatted text.html"

    
          Preformatted text
    

    
        
ini contoh

     text yang menggunakan

          Preformatted text 

    


Hasil dari script di atas :

► Komentar

     Untuk memberikan sebuah komentar dalam HTML maka menggunakan tag . Isis komentar yang berada di dalam tag tersebut tidak akan ditampilkan ke browser.
Untuk latihan ketikkan script berikut dan simpan dengan nama "komentar.html"

    
          komentar
    

    
     
     Ini adalah contoh penggunaan komentar dalam HTML.

     Tulisan yang berada dalam tag komentar tidak akan ditampilkan di browser.
    

    


Hasil dari script di atas :

► Blockquote

     Untuk membuat indentasi paragraph. Dengan
ini browser akan menampilkan teks menjorok ke dalam.
Untuk latihan ketikkan script berikut dan simpan dengan nama "blockquote.html"

    
          Blockquote
    

    
    
      

         ini adalah contoh text yang menggunakan blockquote
       

         ini adalah text yang tidak menggunakan blockquote
    
    


Hasil dari script di atas :
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Sponsor

Dragon Nest BarongNET

Followers

Kotak Pesan

Klik Sponsor Donk!!

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Sekala Niskala™ - All Rights Reserved