Scribd
Unggah
14 tayangan3 halaman

Pengenalan Dasar HTML dan Fungsinya

Dokumen ini menjelaskan pengertian dan fungsi HTML sebagai bahasa markup untuk menyusun halaman web, termasuk struktur dasar dan elemen-elemen penting seperti teks, gambar, tautan, daftar, tabel, dan formulir. Contoh kode HTML disertakan untuk menunjukkan cara penggunaan elemen-elemen tersebut. HTML berfungsi untuk mendefinisikan struktur konten dan menghubungkan antar halaman melalui hyperlink.

Diunggah oleh

terima kasih
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
14 tayangan3 halaman

Pengenalan Dasar HTML dan Fungsinya

Dokumen ini menjelaskan pengertian dan fungsi HTML sebagai bahasa markup untuk menyusun halaman web, termasuk struktur dasar dan elemen-elemen penting seperti teks, gambar, tautan, daftar, tabel, dan formulir. Contoh kode HTML disertakan untuk menunjukkan cara penggunaan elemen-elemen tersebut. HTML berfungsi untuk mendefinisikan struktur konten dan menghubungkan antar halaman melalui hyperlink.

Diunggah oleh

terima kasih
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Bab 1: Pengenalan HTML

Pengertian HTML dan Fungsinya


HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan
untuk membuat dan menyusun halaman web.

HTML digunakan untuk mendefinisikan struktur konten seperti teks, gambar, tautan,
tabel, dan elemen lainnya di dalam halaman web.

Fungsi utama HTML:

- Menyusun struktur halaman web

- Menandai elemen seperti heading, paragraf, dan gambar

- Menyisipkan media seperti video dan audio

- Menghubungkan antar halaman melalui hyperlink

Struktur Dasar HTML


Berikut adalah contoh struktur dasar HTML:

<!DOCTYPE html>

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

<h1>Selamat Datang</h1>

<p>Ini adalah paragraf pertama.</p>

</body>

</html>

Elemen Teks: <p>, <h1>-<h6>, <strong>, <em>


- <p>: Menandai paragraf teks.
- <h1> sampai <h6>: Menandai heading dari yang terbesar (<h1>) hingga terkecil
(<h6>).

- <strong>: Menandai teks penting (biasanya cetak tebal).

- <em>: Menandai penekanan teks (biasanya cetak miring).

Contoh:

<h1>Judul Utama</h1>

<p>Ini paragraf dengan <strong>teks penting</strong> dan <em>teks miring</em>.</p>

Gambar dan Tautan: <img>, <a>


- <img>: Menyisipkan gambar.

- <a>: Membuat hyperlink ke halaman lain.

Contoh:

<img src="[Link]" alt="Deskripsi Gambar" width="200">

<a href="[Link] Situs</a>

List: <ul>, <ol>, <li>


- <ul>: Membuat daftar tak berurutan (bullet).

- <ol>: Membuat daftar berurutan (nomor).

- <li>: Item dalam daftar.

Contoh:

<ul>

<li>Item 1</li>

<li>Item 2</li>

</ul>

Tabel: <table>, <tr>, <td>


- <table>: Membuat tabel.

- <tr>: Menandai baris dalam tabel.


- <td>: Menandai sel dalam baris.

Contoh:

<table border="1">

<tr>

<td>Nama</td>

<td>Umur</td>

</tr>

<tr>

<td>Ani</td>

<td>20</td>

</tr>

</table>

Formulir: <form>, <input>, <select>, <textarea>


Digunakan untuk membuat form input pengguna.

Contoh:

<form action="/submit" method="post">

Nama: <input type="text" name="nama"><br>

Jenis Kelamin:

<select name="gender">

<option value="pria">Pria</option>

<option value="wanita">Wanita</option>

</select><br>

Pesan: <textarea name="pesan"></textarea><br>

<input type="submit" value="Kirim">

</form>

Anda mungkin juga menyukai