Pengenalan bahasa pemrograman Html Kelas 12

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Programming ‘HTML’ {
< Pertemuan ke-9 Informatika >
Programming Language
[For Beginners Learning]
}
forbeginners.html Farichah, S.Kom.
< SMA/MA Kelas XII Semester Ganjil >

1
2
3
4
5
6
7
8
9
10
11
12
13
14
HTML (HyperText Markup Language)
{
< Adalah bahasa yang digunakan untuk
membuat struktur dan tampilan halaman
web.>
}
< Bayangkan HTML seperti kerangka dari sebuah
rumah. Kerangka ini menentukan di mana letak
pintu, jendela, kamar, dan sebagainya.>
< Begitu juga dengan HTML, ia menentukan di mana letak judul,
paragraf, gambar, dan elemen-elemen lainnya di halaman web.>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
HTML digunakan untuk {
< Memungkinkan untuk menambahkan gambar, video,
audio, dan link ke halaman web.>
< Menentukan bagaimana konten disusun, seperti judul
yang lebih besar, paragraf yang biasa, atau teks yang
ditebalkan.>
Menyusun konten
< Menentukan bagian-bagian apa saja yang ada di halaman
web, seperti header, footer, konten utama, sidebar dll. >
Menentukan struktur
Menambahkan elemen multimedia
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Beberapa syntax HTML; {
}
<!DOCTYPE html> memberitahu browser bahwa dokumen ini adalah dokumen HTML5.
<html> Elemen root yang menandakan awal dan akhir dari dokumen HTML.</html>
<head> Berisi metadata tentang dokumen seperti informasi judul, karakter,
stylesheet, dll. Bagian ini tidak tampil di halaman.</head>
<title> Menentukan judul halaman yang akan muncul di tab browser.</title>
<body> Berisi konten utama yang akan ditampilkan pada halaman web.</body>
<h1> Elemen heading untuk judul dan subjudul, dari level 1 (yang paling besar)
hingga level 6 (yang paling kecil). </h1>
<p> Membuat paragraf teks. </p>
<a> Membuat hyperlink ke halaman lain/ke bagian tertentu dari halaman yang sama.
<img> Menyisipkan gambar ke halaman web.
<ul> Membuat daftar tak berurut. </ul>
<ol> Membuat daftar berurut. </ol>
<li> Membuat elemen daftar. </li>
<div> Mengelompokkan elemen HTML dan memudahkan pengaturan tata letak/gaya. </div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Beberapa syntax HTML; {
}
<span> Elemen inline yang digunakan untuk membungkus bagian kecil dari teks/elemen
lain yang ingin diberi gaya khusus.
<form> Membuat form input, biasanya untuk pengiriman data ke server. </form>
<input> Elemen untuk menerima input dari pengguna (teks, password, checkbox, radio
button, dll).
<button> Membuat tombol yang bisa diklik.
<table> Membuat tabel.
<tr> Untuk baris.
<td> Untuk sel data.
<th> Untuk sel header.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
W3Shcools
Software {
Situs web yang sangat
populer dan berguna
untuk belajar tentang
pengembangan web,
terutama bagi pemula.
forbeginners.html
}
Farichah, S.Kom.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Thank {
you;
forbeginners.html
}
Farichah, S.Kom.

Pengenalan bahasa pemrograman Html Kelas 12

More Related Content

Similar to Pengenalan bahasa pemrograman Html Kelas 12 (20)

More from Farichah Riha (20)

Recently uploaded (20)

Pengenalan bahasa pemrograman Html Kelas 12