Struktur Dasar HTML
<!DOCTYPE html>
<html>
<head>
<title>Judul Web</title>
</head>
<body>
<p>Selamat Pagi Dunia, Hello World!</p>
</body>
</html>
Suatu dokumen html harus memuat struktur tersebut (lihat bagan di atas). Bagian-bagian struktur tersebut memiliki fungsi masing-masing:
- html
<html> (tag html) merupakan tag pembuka html yaitu awal dari dokumen html. html selalu memiliki tag pembuka dan tag penutup. Tag penutup html yaitu </html> yang merupakan akhir dari dokumen html. - head
<head> merupakan tag tempat meletakkan informasi header. Pada tag ini terletak tag title, tag informasi web: meta, tag link dengan dokumen bahasa pemrograman lain seperti css, javascript, php, dll. Tag head ini juga memiliki tag penutup, yaitu </head>. - title
<title> merupakan tag untuk mendefinisikan judul web. Tag ini juga memiliki tag penutup, yaitu </title>. - body
<body> merupakan tag sebagai tempat untuk meletakkan seluruh isi web. Tag penutup dari tag ini adalah </body>. Seluruh isi web yang akan dibuat dikerjakan di dalam tag body, yaitu antara tag pembuka dan tag penutupnya.
Heading
Contoh Script HTML untuk Heading:
<html>
<head>
<title>Membuat Heading</title>
</head>
<body>
<h1>Motivasi Sukses</h1>
<h2>Pengertian</h2>
<h3>Motivasi</h3>
<h4>Berpikir Positif</h4>
<h5>Berkata positif</h5>
<h6>Selalu berusaha</h6>
</body>
</html>
Pemformatan Text Tulisan
<html>
<head>
<title></title>
</head>
<body>
<p><b>Teks ini tebal/bold.</b></p>
<p><i>Teks ini miring/italic.</i></p>
<p><u>Teks ini bergaris bawah/underline.</u></p>
<p><b><u><i>Teks ini tebal, miring, dan bergaris bawah.</i></u></b></p>
<p><mark>Teks ini bergaris ditandai/disorot.</mark></p>
</body>
</html>
Penjelasan:
- Tag <b>....</b> berfungsi untuk membuat teks tebal/bold.
- Tag <i>....</i> berfungsi untuk membuat teks miring/italic.
- Tag <u>....</u> berfungsi untuk membuat teks bergaris bawah/underline.
- Tag <mark>....</mark> berfungsi untuk membuat teks ditandai/disorot.
Format Teks Pada HTML
Tag | Fungsi |
<b></b> atau <strong></strong> | Berfungsi untuk membuat teks tebal |
<u></u> | Berfungsi untuk membuat teks underline atau garis bawah |
<i></i> atau <em></em> | Berfungsi untuk membuat cetak miring |
<strike></strike> | |
<small></small> | Mendefinisikan teks kecil |
<sub></sub> | Mendefinisikan teks subscript |
<sup></sup> | Mendefinisikan teks superscript |
<ins></ins> | Mendefinisikan teks yang disisipkan |
<del></del> | Mendefinisikan teks yang dihapus |
Tag Output Komputer Pada HTML
Tag | Fungsi |
<code> | Mendefinisikan sebuah teks pada komputer |
<kbd> | Mendefinisikan teks keyboard |
<samp> | Mendefinisikan sampel pada komputer |
<var> | Mendefinisikan variabel |
<pre> | Mendefinisikan teks terformat |
Tag Definisi dan Kutipan Pada HTML
Tag | Fungsi |
<abbr> | Mendefinisikan singkatan atau akronim |
<address> | Mendefinisikan kontak penulis atau pemilik dokumen |
<bdo> | Mendefinisikan arah teks |
<dfn> | Mendefinisikan sebuah definisi |
<cite> | Mendefinisikan judul karya |
<q> | Mendefinisikan kutipan pendek atau inline |
<blockquote> | Mendefinisikan bagian yang dikutip dari sumber lain |