Pengenalan Tag pada HTML

Diposting oleh Unknown
Berikut ini akan dijelaskan fungsi-fungsi tag pada HTML dasar, berikut dengan contoh-contohnya yang bisa langsung kamu aplikasikan dan kembangkan untuk keperluan pembelajaran tingkat dasar HTML kamu.

Sebagai catatan kamu pada pembelajaran tag ini, setiap tag yang kamu kerjakan wajib ditutup dengan tanda / apabila tag sudah tidak diperlukan lagi, agar tidak terjadi efek tag berkelanjutan yang akan mempengaruhi tag selanjutnya misalkan <hr> tutup dengan </hr&gt.

Untuk mencoba contoh-contoh, kamu gunakan notepad sebagai media pengetikan bahasa HTML dan simpan dengan menggunakan ".html" jangan gunakan ektension bawaan notepad, sebagai contoh simpan dengan kata belajar.html.

  1. TAG PENGATURAN UNTUK PARAGRAF
    • Tag <P> berguna untuk mengatur paragraf
    • Tag <P align=?> untuk mengatur align left,center atau right
    • Tag <br> berguna untuk berpindah baris dengan nilai enter
    • Tag <hr> berguna membentuk garis
    • Tag <blockquote> untuk membentuk kutipan
    • Tag <pre> untuk menampilkan text yang sama dengan ketikan pada HTML
    contoh : <html> <head> <title&gtMencoba Tag untuk Paragraf</title> </head> <body> <center&gtMENCOBA TAG UNTUK PARAGRAF</center> <hr size=5% color=red> <br> <P align=left> Mencoba text align rata kiri <P align=center> Mencoba text align rata tengah <P align=right> Mencoba text align rata kanan </p> <blockquote> <pre>
    nb : Gunakan notepad untuk membentuk HTML
Lalu simpan dengan nama coba1.html
    </blockqoute> </pre> </body> </html>
  2. TAG UNTUK PENGATURAN FONT
    • Tag <font> berguna untuk mengatur teks
    • Tag <font> ini memiliki atribut mendasar diantaranya Face, color dan size
    • <font Face=?> untuk mengatur bentuk teks
    • <font color=?> untuk mengatur warna teks
    • <font size=?> untuk mengatur ukuran teks
    contoh : <html> <head> <title&gtMencoba Tag untuk Font</title> </head> <body> <font size=10 color="red" face="verdana"> TULISAN INI BERBENTUK VERDANA UKURAN 10 DAN BERWARNA MERAH </font> </body> </html>
  3. TAG UNTUK ANIMASI/ MARQUEE
    • Tag <marquee> adalah tag untuk membuat animasi/ pergerakan
    • Tag <marquee> mempunyai atribut mendasar yaitu direction dan behavior
    • Tag <marquee direction=left> bergerak dari kanan ke kiri
    • Tag <marquee direction=right> bergerak dari kiri ke kanan
    • Tag <marquee direction=up> bergerak dari bawah ke atas
    • Tag <marquee direction=down> bergerak dari atas ke bawah
    • Tag <marquee behavior=scroll> bergerak memutar
    • Tag <marquee behavior=slide> bergerak sekali lalu berhenti
    • Tag <marquee behavior=alternate> bergerak memantul
    contoh : <html> <head> <title&gtMencoba Animasi Marquee</title> </head> <body> <center&gtMENCOBA TAG ANIMASI/MARQUEE</center> <hr> <br> <marquee direction=up behavior=alternate> Marquee dari bawah ke atas yang memantul </marquee> </body> </html>
masih banyak tag-tag yang mendasar pada HTML, oleh sebab tulisan ini akan kita lanjut pada pengenalan Tag pada HTML bagian dua. Selamat belajar dan selamat mencoba. Tinggalkan komentar apabila ada pertanyaan dari kamu.
Label: Post : Selasa, Mei 05, 2009

Tidak ada komentar:

Posting Komentar

Beri Komenter Apa saja yang membangun atau mengkritik !!

Langganan: Posting Komentar (Atom)