Beberapa Tag Dasar HTML. Seperti yang dijelaskan sebelumnya bahwa HTML (Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yng dimasukkan untuk menampilkan hlaman pada browsur. Tag-tag tadi memberitahu browsur bagaimana menampilkan halaman web dengan lengkap kepada pengguna.
Tag adalah kode yang digunakan untuk meMarkUp (memoles) teks ASCII sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu dimulai dengan tanda "<" dan ditutup dengan tanda ">". Kebanyakkan tag memiliki pasangan penutup yang harus digunakan untuk menutup tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag pembuka, melainkan dapat diletakkan dimana saja dan tag penutup selalu diawali dengan tanda "</" dan ditutup dengan tanda ">".
Contoh format penggunaan tag
<Tag Pembuka> Teks ASCII <Tag Penutup>
Tag-tag yang memiliki pasangan penutup dapat menimpa fungsi tag yang sudah ada sebelumnya sifat ini disebut override. Sebagai contoh teks yang telah dibuat tebal dengan tag <b>...</b> dapat ditimpa dengan tag <i>...</i> sehingga menghasilkan kombinasi huruf tebal dan miring.
Baca : Pengertian Mengenai HTML
Contoh:
Akan ditampilkan oleh browsur seperti ini:
Meski tag bersifat override adapula tag yang tidak memiliki pasangan sehingga tidak bersifat override, misalnya <br>, <hr> atau <input>.
Baca : Mengenal Apa Itu CSS
Pada kesempatan kali ini UpanBLog akan berbagi Beberapa Tag-Tag Dasar HTML
Baca : Cara mengganti menu blog
UpanBlog akan meng-update terus mengenai tag tag yang terdapat pada HTML dan bahasa yang lainnya. Semoga beberapa tag dasar HTML diatas dapat bermanfaat.
Tag adalah kode yang digunakan untuk meMarkUp (memoles) teks ASCII sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu dimulai dengan tanda "<" dan ditutup dengan tanda ">". Kebanyakkan tag memiliki pasangan penutup yang harus digunakan untuk menutup tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag pembuka, melainkan dapat diletakkan dimana saja dan tag penutup selalu diawali dengan tanda "</" dan ditutup dengan tanda ">".
Contoh format penggunaan tag
<Tag Pembuka> Teks ASCII <Tag Penutup>
Tag-tag yang memiliki pasangan penutup dapat menimpa fungsi tag yang sudah ada sebelumnya sifat ini disebut override. Sebagai contoh teks yang telah dibuat tebal dengan tag <b>...</b> dapat ditimpa dengan tag <i>...</i> sehingga menghasilkan kombinasi huruf tebal dan miring.
Baca : Pengertian Mengenai HTML
Contoh:
Belajar <b>Membuat <i>Website</i></b> Sendiri
Akan ditampilkan oleh browsur seperti ini:
Belajar Membuat Website Sendiri
Meski tag bersifat override adapula tag yang tidak memiliki pasangan sehingga tidak bersifat override, misalnya <br>, <hr> atau <input>.
Baca : Mengenal Apa Itu CSS
Pada kesempatan kali ini UpanBLog akan berbagi Beberapa Tag-Tag Dasar HTML
Tag Utama
| Tag | Atribut | Deskripsi |
| <html>.....</html> | Baris paling atas dari setiap file HTML | |
| <head>.....<head> | Berbagai informasi umum tentang halaman web | |
| <title>.....</title> | Judul dari halaman yang terdapat pada HEAD | |
| <body>.....</body> | background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth | Settingan atribut dari untuk seluruh dokumen |
Modifikasi Teks
| Tag | Deskripsi | Contoh |
| <b>.....</b> | Teks Tebal | Teks Tebal |
| <i>.....</i> | Teks Miring | Teks Miring |
| <u>.....</u> | Memberi Garis Bawah Pada Teks | Bergaris Bawah |
| <pre>.....</pre> | Preformatted Teks | Contoh Teks |
| <h1>.....</h1> | Header 1 | UpanBlog1 |
| <h2>.....</h2> | Header 2 | UpanBlog2 |
| <h3>.....</h3> | Header 3 | UpanBlog3 |
| <h4>.....</h4> | Header 4 | UpanBlog4 |
| <h5>.....</h5> | Header 5 | UpanBlog5 |
| <h6>.....</h6> | Header 6 | UpanBlog6 |
| <sub>.....</sub> | Subscript | upanblog |
| <sup>.....</sup> | Superscript | upanblog |
| <font>.....</font> | color, size, name | Mengubah gaya dari suatu huruf |
Links
| Tag | Atribut | Deskripsi |
| <a>.....</a> | href, target, id, name, class, style | Membuat link ke dokumen atau situs lainnya |
Gambar
| Tag | Attribut | Deskripsi |
| <img> | src, alt, name, border, height, width | Untuk menampilkan gambar |
Formatting
| Tag | Deskripsi | Contoh |
| <blockquote>.....</blockquote> | digunakan untuk mengatur text dan gambar dalam suatu tag | Contoh text format blockquote |
| <ol>.....</ol> | Ordered List (digunakan dengan <li>) |
|
| <ul>.....</ul> | Unordered List (digunakan dengan <li>) |
|
| <li> | Element List | |
| <dd>.....</dd> | Definition List | |
| <dt> | Definition Term | |
| <dd> | Definition Description | |
| <p>.....</p> | Untuk membuat paragraf | Paragraf satu Paragraf dua |
| <hr> | Untuk membuat garis horizontal | |
| <br> | Ganti baris | Baris Lama Baris Baru |
| <center>.....</center> | Menengahkan elemen |
Tabel
| Tag | Atribut | Deskripsi |
| <table>.....</table> | border, cellpadding, cellspacing, height, width, name, id, title, bgcolor, background, align, valign | Mengatur semua elemen pada table |
| <tr>.....</tr> | height, bgcolor, background, align, valign, title | Membuat baris baru |
| <td>.....<td> | height, width, bgcolor, background, align, valign, title, colspan, rowspan | Membuat kolom |
| <th>.....<th> | height, width, bgcolor, background, align, valign, title, colspan, rowspan | Header (Kepala tabel). otomatis ketengah dan tebal |
| <tbody>.....<tbody | height, width, bgcolor, background, align, valign, | Format yang berlaku bagi cell yang diapit tag |
| <colgroup>.....<colgroup> | height, width, bgcolor, background, align, valign, title, colspan | Format yang berlaku bagi kolom |
Form
| Tag | Atribut | Deskripsi |
| <form>.....</form> | method, action, name | Mengatur elemen dari form |
| <input type=> | text, password, hidden, radio, checkbox, submit, image, reset | Variasi dari tipe elemen form |
| text | name, value, width, maxlength | Kotak isian text |
| password | name, value, width, maxlength | kotak isian password |
| hidden | name, value | Digunakan untuk membuat variable hidden |
| radio | name, value | |
| checkbox | name, value, checked | |
| submit | value | |
| reset | value | |
| image | src, height, width, alt, name, border | Menampilkan image(gambar) |
| <select>.....</select> | name, size | Membuat combo-box, digunakan bersama dengan option |
| <option> | selected, name, value | |
| <textarea>.....</textarea> | name, rows, cols, wrap | |
| wrap | off | no wrap |
Baca : Cara mengganti menu blog
UpanBlog akan meng-update terus mengenai tag tag yang terdapat pada HTML dan bahasa yang lainnya. Semoga beberapa tag dasar HTML diatas dapat bermanfaat.
Tutorialnya sangat membantu gan
BalasHapussinggah juga ke blog ane ya
http://raysergiositepu.blogspot.co.id/2015/09/rejekipokercom-situs-agen-poker-domino.html
Terimakasih atas kunjungannya Sergio st...
HapusTerimakasih atas Ilmu mengenai Tag Dasar HTML nya gan...
BalasHapusJangan lupa kunjungi blog ane juga ya gan...
http://abang-english.blogspot.co.id/
Terima kasih kembali buat Aku Petani...
Hapusgan saya belum tau caranya menampilkan menu Home/Blogging/Internet/HTML/CSS seperti diatas soalnya saya cuma baru pake template sederhana seperti yang disediakan di blognya aja..?
BalasHapusSilahkan gan ronaldi baca pada artikel saya sebelumnya
HapusMengenai mengganti menu pada blog
http://upan-blog.blogspot.co.id/2015/09/cara-mengganti-menu-pada-blog-bawaan.html
Semoga bermanfaat
Terimakasih banyak ,tulisannya sangat bermanfaat
BalasHapus