Scribd Logo
Upload

Welcome to Scribd!

  • Kumpulan Tag HTML

    Uploaded by

    Nur Tazkia Amalia Hamdie
    760 views4 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    760 views4 pages

    Kumpulan Tag HTML

    Uploaded by

    Nur Tazkia Amalia Hamdie

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Kumpulan Tag HTML

    <! > <a href> <a name> <applet> <area> <b> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut Membuat nama bagian yang didefinisikan pada link pada halaman yang sama Sebagai awal dari Java applets Mendefinisikan daerah yang dapat diklik (link) pada image map Membuat teks tebal

    <basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font <bgsound> Memberi (suara latar) background sound pada halaman web <big> <blink> <body> <br> <caption> <center> Memperbesar ukuran teks sebesar satu point dari defaultnya Membuat teks berkedip Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link Pindah baris Membuat caption pada tabel Untuk perataan tengah terhadap teks atau gambar

    <comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser <dd> <div> <embed> <fn> <font> <form> <frame> Indents teks Represents different sections of text. Menambahkan sound or file avi ke halaman web Seperti tag <a name> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks Mendefinisikan input form Mendefinisikan frame

    <frameset> Mendefinisikan attribut halaman yang akan menggunakan frame <h1> Ukuran font <h6 > <head> <hr> <html> <i> <img> <input> <li> <map> Mendefinisikan head document. Membuat garis horizontal Bararti dokumen html Membuat teks miring Image, imagemap atau an animation Mendefinisikan input field pada form Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) Mendefinisikan client-side map

    <marquee> Membuat scrolling teks (teks berjalan) hanya pada MS IE <nobr> Mencegah ganti baris pada teks atau images

    <noframes> Jika browser user tidak mendukung frame <ol> <p> <pre> <script> <table> <td> <title> <tr> <u> Mendefinisikan awal dan akhir list Ganti paragraf Membuat teks dengan ukuran huruf yg sama Mendefinisikan awal script Membuat tabel Kolom pada tabel Mendefinisikan title Baris pada tabel Membuat teks bergaris bawah

    PS : untuk setiap tag diatas, selalu diakhiri dengan ending tag </tag>, misalnya untuk tag membuat teks bergaris bawah, yaitu

    <u> Ini contoh text bergaris bawah </u> KARAKTER KHUSUS Beberapa karakter huruf akan hilang taua berubah jika ditulis secara langsung, untuk menampilkan karakter tersebut maka kita harus menggunakan kode khusus, berikut ini contoh karakter-karakter tersebut :

    Karakter Kode > < & (spasi) &gt; &lt; &amp; &quot; &nbsp;

    Berikut ini adalah tabel tag-tag HTML dan fungsinya: Tag Utama

    Tag <html></html> <head></head> <title></title>

    Atribut

    Deskripsi Baris paling atas dari setiap file HTML Informasi umum dari sebuah halaman web Judul halaman. Terdapat pada head

    <body></body> Background, bgcolor, bgsound, font, link, alink, Settingan atribut untuk vlink, topmargin, leftmargin, marginheight, seluruh dokumen marginwidth
    Modifikasi Teks

    Tag <b></b> <i> </i> <u> </u>

    Deskripsi Teks tebal Teks miring

    Contoh Teks tebal Teks miring

    Teks garis bawah Teks garis bawah

    <pre></pre> Preformatted teks Contoh teks <h1></h1> Header 1

    Header 1
    <h2></h2> Header 2 <h3> </h3> Header 3

    Header 2

    Header 3
    <h4></h4> Header 4

    Header 4

    <h5></h5> Header 5 <h6></h6> Header 6 <sub></sub> Subscript <sup></sup> Superscript


    Font

    Header 5
    Header 6
    Sub

    script script

    Super

    Tag Atribut Deskripsi <font></font> Color, size, name Mengubah gaya suatu huruf
    Links

    Tag

    Atribut

    Deskripsi

    <a> </a> Href, target, style, class, name, id Membuat link ke dokumen atau situs lainnya
    Gambar

    Tag

    Atribut

    Deskripsi

    <img> Src, alt, name, border, height, width Menampilkan sebuah gambar
    Formatting

    Tag

    Deskripsi

    Contoh Contoh text in a block quote format ( ) 1. Item 1

    <blockquote></blockquote> Digunakan untuk mengatur text dan gambar dalam suatu tag <ol></ol> <ul></ul> <li> <dd></dd> <dt> <dd> <p></p> <br> <hr> <center></center>
    Tabel

    Ordered List (digunakan dengan <li>)

    Unordered List (digunakan dengan Item 1 <li>) Elemen List Definition List Definition Term Definition Description Paragraf Ganti baris Garis horizonta Menengahkan elemen Deskripsi Contoh

    Tag <table></table>

    Border, cellpadding, cellspacing, Mengatur semua elemen width, height, name, id, title, bgcolor, table background, align, valign Height, bgcolor, background, align, Membuat baris baru

    <tr></tr>

    valign, title <td></td> <th></th> Height, width, bgcolor, background, Membuat kolom align, valign, title, colspan, rowspan Height, width, bgcolor, background, Header(kepala tabel). align, valign, title, colspan, rowspan Otomatis ke tengah dan tebal Height, width, align, valign, bgcolor, Format yang berlaku bagi background cell yang diapit tag

    <tbody></tbody>

    <colgroup></colgroup> Height, width, align, valign, bgcolor, Format yang berlaku bagi background, colspan kolom
    Form

    Tag <form></form> <input type=>

    Deskripsi Method, action, name, enctype Text, password, hidden, radio, checkbox, submit, image, reset Name, size Selected, name, value

    Contoh Mengatur elemen dari form Variasi dari tipe elemen input dalam form Membuat combo-box. Digunakan bersama dengan option Membuat Text Area untuk input text dengan length yang lebih besar dari input text. no wrap word wrap, sent as one line word wrap, sent with breaks

    <select></select> <option>

    <textarea></textarea> Name, rows, cols, wrap

    wrap

    Off virtual physical

    Anda tidak perlu menghafal semua tag tersebut, nanti malah kepala anda malah pecah!. Cukup hafalkan yang penting-penting saja seperti <table><form><input><ul>. Tidak hafal pun tidak apa-apa kan kita bisa melihat daftar kalau lupa, yang penting kita paham.

    You might also like