0% menganggap dokumen ini bermanfaat (0 suara)
13 tayangan3 halaman

HTML

HTML, atau Hyper Text Markup Language, adalah bahasa yang digunakan untuk membuat halaman web dengan elemen seperti teks, gambar, dan tombol. Struktur dasar HTML terdiri dari elemen seperti <!DOCTYPE html>, <html>, <head>, dan <body>, yang masing-masing memiliki fungsi tertentu. Dokumen ini juga menjelaskan elemen dasar HTML seperti heading, paragraf, gambar, tautan, dan daftar.

Diunggah oleh

nurul
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
0% menganggap dokumen ini bermanfaat (0 suara)
13 tayangan3 halaman

HTML

HTML, atau Hyper Text Markup Language, adalah bahasa yang digunakan untuk membuat halaman web dengan elemen seperti teks, gambar, dan tombol. Struktur dasar HTML terdiri dari elemen seperti <!DOCTYPE html>, <html>, <head>, dan <body>, yang masing-masing memiliki fungsi tertentu. Dokumen ini juga menjelaskan elemen dasar HTML seperti heading, paragraf, gambar, tautan, dan daftar.

Diunggah oleh

nurul
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

Apa itu HTML?

HTML adalah singkatan dari Hyper Text Markup Language. HTML adalah bahasa yang di
gunakan untuk membuat halaman website. Dengan HTML, kita bisa membuat teks, gambar, t
ombol dan masih banyak lagi.

Struktur Dasar HTML

HTML memiliki kerangka dasar seperti ini:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Word!</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Penjelasan:

 <!DOCTYPE html>: Memberitahu komputer bahwa ini adalah dokumen HTML.


 <html>: Awal dari kode HTML.
 <head>: Tempat untuk informasi tentang halaman (seperti judul) -> sbg kepala html
 <title>: Judul halaman (terlihat di tab browser).
 <body>: Tempat menulis semua yang ingin kita tampilkan di halaman.

Elemen Dasar HTML

Berikut adalah elemen-elemen HTML yang mudah dipahami untuk pemula:

1. Heading (Judul)

Heading digunakan untuk membuat judul pada halaman. Ada 6 level heading dari <h1> (palin
g besar) hingga <h6> (paling kecil).

<h1>Judul Besar</h1>
<h2>Judul Sedang</h2>
<h3>Judul Kecil</h3>

2. Paragraf

Paragraf digunakan untuk menulis teks biasa.

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


3. Gambar

Untuk menampilkan gambar, gunakan elemen <img>.

<img src="[Link] alt="Logo W


3Schools" width="200">

Penjelasan:

 src: Alamat gambar.


 alt: Teks yang muncul jika gambar tidak bisa ditampilkan.
 width: Lebar gambar.

4. Tautan (Link)

Tautan digunakan untuk menuju ke halaman lain.

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

5. Daftar

 Daftar tidak berurutan (bullet points):

<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>

 Daftar berurutan (angka):

<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
Contoh Sederhana

Berikut adalah contoh halaman web sederhana:

<!DOCTYPE html>
<html>
<head>
<title>Halaman Saya</title>
</head>
<body>
<h1>Selamat Datang!</h1>
<p>Ini adalah website pertama saya. Saya belajar HTML di W3Schools.</p>
<img src="[Link] alt="Lo
go W3Schools" width="150">
<p>Klik tautan di bawah ini untuk belajar lebih banyak:</p>
<a href="[Link] HTML di W3Schools</a>
</body>
</html>
LETS TRAY!!
Open

[Link]

Anda mungkin juga menyukai