Ads by Yasya El Hakim
Contoh Dasar HTML

Jangan khawatir jika contoh berikut menggunakan Tag yang mungkin belum kalian pelajari.
Kalian akan mempelajari tentang Tag tersebut pada bagian selanjutnya.

Dokumen HTML

Semua dokumen HTML harus diawali dengan <!DOCTYPE html>.
Dokumen HTML sendiri diawali dengan tag <html> dan diakhiri dengan </html>.
Bagian yang akan terlihat pada Dokumen HTML adalah antara tag <body> dan </body>.

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>Heading</h1>

<p>Paragraf</p>

</body>
</html>
See the Pen 01. Dokumen HTML Dasar by Yasya El Hakim (@elhakimyasya) on CodePen.

HTML Heading

Heading pada HTML dapat ditulis dengan Tag <h1> sampai <h6>.
<h1> dapat diartikan sebagai Heading yang paling penting. <h6> merupakan Heading yang penting tetapi pada urutan terakhir.

Contoh

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
See the Pen 02. Heading Dasar HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Paragraf pada HTML

Paragraf dapat ditulis dengan menggunakan tag <p>:

Contoh

<p>Paragraf 1.</p>
<p>Paragraf 2.</p>
See the Pen 03. Paragraf Dasar HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Link

Link pada HTML dapat ditulis dengan menggunakan Tag <a>:

Contoh

<a href="https://elcreativeacademy.blogspot.com/">Ini adalah Link</a>
See the Pen 04. Link Dasar HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Destinasi/tujuan link dapat ditulis dengan atribut href.
Atribut dapat digunakan untuk menambahkan informasi tambahan dari elemen HTML.
Kalian akan mempelajari tentang Atribut pada bagian selanjutnya.

Gambar

Gambar pada HTML dapat ditulis dengan tag <img>.
Sumber file (src), teks alternatif (alt), lebar gambar (width), tinggi gambar (height) merupakan atribut yang dapat digunakan bersamaan dengan Tag <img>.

Contoh

<img src="https://1.bp.blogspot.com/-2T7bcPgd26o/XWoKitlsB7I/AAAAAAAAGbU/LpxigxrHGSwp7RxjG5gYfB_UsEQEwiazgCLcBGAs/s1600/apple-icon-120x120.png" alt="EL Creative Academy" width="120" height="120"/>
See the Pen 05. Gambar HTML Dasar by Yasya El Hakim (@elhakimyasya) on CodePen.

Tombol

Tombol pada HTML dapat ditulis dengan Tag <button>.

Contoh

<button>Klik Tombol Ini</button> 
See the Pen 06. Tombol HTML Dasar by Yasya El Hakim (@elhakimyasya) on CodePen.

List (Daftar)

List pada HTML dapat ditulis dengan tag <ul> (Untuk daftar yang tidak berurutan/dengan menggunakan simbol bulat) atau <ol> (Berurutan/dengan menggunakan angka), kemudian diikuti dengan tag <li>.

Contoh

<ul>
  <li>Kopi</li>
  <li>Teh</li>
  <li>Susu</li>
</ul>

<ol>
  <li>Susu</li>
  <li>Teh</li>
  <li>Kopi</li>
</ol> 
See the Pen 07. List Dasar HTML by Yasya El Hakim (@elhakimyasya) on CodePen.

Sebelumnya: Tutorial Lengkap HTML: Text Editor untuk HTML - Bagian 2
Selanjutnya: Tutorial Lengkap HTML: Elemen pada HTML - Bagian 4
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya