Dalam melakukan codingan pada html biasa nya kita hanya mengetahui tag yang digunakan secara umum seperti ( <html>, <head>, <title>, dan <body> )padahal masi banyak tag tag lain nya yang digunakan untuk memperbagus atau memaksimal kan hasil kodingan.
<html> : Untuk menyatakan
pada browser bahwa dokumen Web yang digunakan adalah html
<head>: Untuk kepala
dari dokumen HTML
<body>: Tag
untuk menampilkan isi dokumen HTML
<title>: Judul dari dokumen HTML yang ditampilkan pada judul
jendela browser
<br>: Tag
untuk ganti baris
<p>: Membuat
paragraf
<h1>: Header
1, untuk judul sebuah web
<b>: Bold,
tag html yang berfungsi untuk mempertebal teks
<i> : Italic,
tag html yang berfungsi untuk membuat tampilan teks tercetak miring
<u>: Underline,
tag html yang berfungsi untuk membuat tampilan teks tercetak garis bawah
<pre>: Preformated
Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor
<center>: Tag html berfungsi untuk menampilkan teks dengan posisi
horizontal ditengah
<font> :Tag
html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf
<hr>: Tag
html berfungsi untuk membuat suatu garis horizontal
<ol>: Order
List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka,
huruf atau angka romawi.
<ul>: Unorder
List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format
bullet)
<li>: List
Item, tag yang berada di elemen OL dan UL yang berbentuk list
<table>: Tag yang berfungsi untuk membuat suatu data yang terdiri
dari baris dan kolom
<caption>…</caption>: Tag yang berfungsi untuk membuat judul dari tabel
<tr>: Table
Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam tag TABLE
<td>: Table
Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data
<img>: Tag html
untuk menampilkan gambar
<a>: Tag
html yang berfungsi untuk menghubungkan ke internal atau eksternal halaman web
<form>: Tag
html berfungsi untuk mendefiniskan form interakti
1.Tabel
Tabel biasa kita gunakan untuk menyajikan data dalam bentuk kolom dan baris. Tabel di tulis dengan tag <table>. Sebuah table dibgagi menjadi berapa baris (dengan menggunakan tag <tr>), dan setiap baris dibagi menjadi beberapa kolom (dengan tag <td>). Td merupakan singkatan dari "table data" yang memiliki arti tempat menyimpan data (data cell). Cell data dapat berupa teks, image, list, paragraf, tabel,form,dll.
Disini saya akan mencontohkan cara untuk membuat tabel dan mewarnai background tabel pada website blogger
Contoh:
<tableborder="1">
<tbody>
<tr>
<th>Nama</th>
<th>Kelas</th>
</tr>
<tr>
<td>Udin</td>
<td>X</td>
</tr>
<tr>
<td>Jamal</td>
<td>XI</td>
</tr>
<tr>
<td>Asep</td>
<td>XII</td>
Hasil nya :
Nama
Kelas
Udin
X
Jamal
XI
Asep
XII
Contoh:
<tableborder="1">
<tbody>
<tr>
<th>Hari</th>
<thcolspan="3">Jadwal Sekolah</th>
</tr>
<tr>
<td>Senin</td>
<td>IPA</td>
<td>IPS</td>
<td>MTK</td>
</tr>
</tbody>
</table>
Hasil nya :
Hari
Jadwal Sekolah
Senin
IPA
IPS
MTK
Contoh Tabel Berwarna :
Untuk membuat warna pada backgrounnd tabel kita tambahkan ( background-color )
Contoh:
<tableborder="1"style="background-color: blue;">
<tbody>
<tr>
<th>Hari</th>
<thcolspan="3">Jadwal Sekolah</th>
</tr>
<tr>
<td>Senin</td>
<td>IPA</td>
<td>IPS</td>
<td>MTK</td>
</tr>
</tbody>
</table>
Hasil nya :
Hari
Jadwal Sekolah
Senin
IPA
IPS
MTK
2.List
List digunakan untuk mengelompokan suatu data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).
A.Ordered List
Untuk membuat list yang berurutan menggunakan (ordered list), kita menggunakan tag pembuka <ol> dan penutup </ol>, sedangkan saat kita mendata setiap itemnya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.
Contoh:
Daftar hari:
<br>
<ol>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>Minggu</li>
Hasil nya :
Daftar hari:
Senin
Selasa
Rabu
Kamis
Jumat
Sabtu
Minggu
B.Unordered List
Untuk membuat list yang tidak berurutan nomer(unordered list), kita menggunakan tag pembuka <ul> dan penutup </ul>.sedangkan saat kita mendata setiap itemnya mennggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.
Contoh :
Daftar hari:
<br>
<ul>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>khamis</li>
<li>Jummat</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>
Hasil nya :
Daftar hari:
Senin
Selasa
Rabu
khamis
Jummat
Sabtu
Minggu
3.Hyperlink
HTML mempunyai kemampuan untuk memberikn link dari teks maupun gambar menuju dokumen atau bagian lain dalam suatu dokumen. Website akan menyorot teks atau gambar yang dikonfirmasi sebagai link dengan warna atau garis bawah untuk menunjukan kepada pembaca bahwa itu adalah hyperlink
HTML menggunakan tag <a> yang kita sebut sebagai tag anchor untuk membuat suatu link kepada dokumen lain
Contoh :
<ahref="https://www.youtube.com">Link ke www.youtube.com</a>
Form HTML merupakan sebuah area atau tempat yang mengandung elemen-elemen form. Elemen form adalah sebuah elemen yang memungkinkan user untuk memasukkan informasi seperti text, textarea, menu drop-down, radio button, checkbox,dll. Sebuah form didefinisikan menggunakan tag <form>
Field Text
Contoh :
<form>
Nama Depan : <inputid="NamaDepan"name="NamaDepan"type="text"/><br/>
Nama Belakang :<inputid="NamaBelakang"name="NamaBelakang"type="text"/>
</form>
Hasil nya :
CONTOH JUDUL
6.Paragraf
Paragraf merupakan bagian yang memuat isi content yang dibuat. Setiap membuat paragraf kita harus memulai dengan memberi tag <p> dan di akhiri dengan </p>
Contoh :
<body>
<palign="left">
contoh pargraf rata kiri
contoh pargraf rata kiri
contoh pargraf rata kiri
</p>
<palign="center">
contoh pargraf rata tengah
contoh pargraf rata tengah
contoh pargraf rata tengah
</p>
<palign="right">
contoh pargraf rata kanan
contoh pargraf rata kanan
contoh pargraf rata kanan
</p>
</body>
Hasil nya :
contoh pargraf rata kiri
contoh pargraf rata kiri
contoh pargraf rata kiri
contoh pargraf rata tengah
contoh pargraf rata tengah
contoh pargraf rata tengah
contoh pargraf rata kanan
contoh pargraf rata kanan
contoh pargraf rata kanan
7.Tombol
Button adalah salah satu elemen html yang sering di jumpai pada suatu website, elemen ini biasanya digunakan untuk submit form atau bisa juga untuk lainnya, Di dalam HTML 5, button dapat dibuat menggunakan tag <button> namun tidak hanya sebatas itu, tombol button juga bisa di buat menggunakan tag <input> dengan tipe submit atau reset.
Komentar
Posting Komentar