Dokumen atau konten HTML dalam sebuah halaman web dideskripsikan dengan elemen HTML atau tag seperti head, title, body, article, section, p, div, span, img, picture, dan banyak lainnya.
Dari contoh sebelumnya, beberapa teks terdapat di antara tag pembuka dan penutup:
- <!doctype html> menentukan tipe file/dokumen menjadi HTML
- <html> dan </html> menyatakan dokumen HTML, yang berisi:
- <head> dan </head> memuat meta data/information, yang berisi:
- <title> dan </title>, judul dokumen
- <meta/>, data dan informasi tentang halaman ini
- <body> dan </body> akan menunjukkan konten halaman, yang berisi:
- <div> dan </div> adalah pembagi (divider) atau wadah (container), yang berisi:
- <h1> dan </h1>, heading atau judul artikel misalnya
- <p> dan </p>, paragraf teks
Paragraf Pada HTML
Di dalam Postingan blog ini, sudah sekilas materi tentang Paragraf.
Kamu sudah melihat paragraf, teks panjang yang berisi sebuah penjelasan atau cerita, yang juga dapat terbagi ke beberapa bagian (section).
Dan teman teman juga bisa menggunakan <em> <b> ataupun blog inline lainya
Kita bisa gunakan paragraf untuk menyajikan teks polos apapun.
Hyperlink ke Halaman Lain
Jika kita butuh menautkan halaman ke halaman lain, gunakan anchor dengan URL. Anchor ini juga disebut hyperlink (hypertext anchor).
<a>Judul</a>
<a href="https://website_anda.com">Nama Website Kamu</a>
Beberapa atributnya yang bisa digunakan antara lain adalah target, rel, media, hreflang, dan type; juga mereka memerlukan atribut href agar bisa bekerja.
Menampilkan Gambar dan Iframe
Dengan HTML, kita dapat menyertakan HTML di dalam HTML! Sering kali disebut framing, seperti embedding juga, kita dapat gunakan iframe. bisa dibilang website dalam website. Berikut coddingannya:
<iframe src="https://google.com" height="300" width="800"></iframe>
dan juga yang pasti sering adalah kita akan menampilkan gambar di HTML. Codingannya:
<img src="folder/namagambar.jpg" width="400" height="400" >
pada bagian src, itu adalah sumber atau lokasi dimana gambar berada, terkadang kita akan menggunakan sebuah link untuk mengambil lokasi gambar.
Membuat Table dan List
Kita juga bisa menyajikan atau menunjukkan data dan informasi dalam dua dimensi. Gunakan table untuk melakukannya. Table ini bukan untuk digunakan sebagai layout atau memposisikan sebuah halaman, namun sebaiknya hanya untuk menyajikan data saja. Gunakan kombinasi table dengan caption, thead, tbody, tfoot, tr, th, td, col, colgroup.
Berikut contoh dasar coddingnya:
<table border="1">
<caption>DAFTAR KARYAWAN</caption>
<tr>
<th>Nama</th>
<th>Tanggal Lahir</th>
</tr>
<tr>
<td>Raisa Reina</td>
<td>14 Agustus 1990</td>
</tr>
<tr>
<td>Ilham Jayadi</td>
<td>4 November 1991</td>
</tr>
</table>
Maka hasilnya akan seperti gambar di bawah ini:
Itulah sedikit mengenai dasar-dasar html, silahkan bisa kalian coba, semoga berhasil!
Tidak ada komentar:
Posting Komentar