Pengenalan dasar HTML

Beranda

pengetahuan

teknologi

Diposting oleh mhqqbg

23.31

ditulis oleh Mhiqrambg pada 11 Mei 2022

1. Jelaskan apa yang dimaksud dengan HTML beserta fungsinya!

Jawaban: HTML pertama kali ditemukan oleh Sir Tim Berners-Lee pada akhir tahun 1991, HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web digunakan untuk menentukan struktur dari sebuah file untuk membuat sebuah website

2. Jelaskan perbedaan antara Tag, Atribut, Value dan Element pada HTML!

Jawaban:

Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML
Atribut adalah kata khusus yang berada di dalam tag pembuka
Value merupakan atribut yang berfungsi untuk menentukan nilai awal dari elemen input
Elemen atau HTML element adalah blok pembangun dasar HTML yang didefinisikan oleh tag awal (pembuka), beberapa konten, dan tag akhir (penutup)

3. Tuliskan Tag HTML beserta fungsinya (Minimal 30 + Wajib Table, Form & Link)!

Jawaban:

No	Nama Tag	Fungsi
1	<form>	Membuat formulir untuk mengumpulkan input pengguna
2	<input>	Membuat tipe inputan pada form yang akan dibuat
3	<textare>	Elemen untuk mendefinisikan field input
4	<label>	Memberikan label pada elemen input
5	<fieldset>	Mengelompokan elemen yang terdapat pada sebuah form
6	<select>	Membuat input dengan pilihan yang berbentuk list drop down
7	<optgroup>	Mengelompokan beberapa pilihan pada daftar pilihan input
8	<option>	Mendefinisikan opsi yang bisa dipilih
9	<button>	Membuat Button
10	<datalist>	Membuat daftar pilihan untuk input data
11	<output>	Menampilkan hasil dari hitungan
12	<table>	Membuat tabel pada web
13	<tr>	Membuat baris pada tabel
14	<td>	Membuat kolom pada tabel
15	<th>	Membuat judul pada kolom. Contohnya nama, kelas, dan alamat.
16	<caption>	Membuat judul tabel
17	border	Mengatur garis tabel
18	border-collapse	Mengatur batas garis tabel
19	padding	Mengatur padding pada cell
20	text-align	Mengatur perataan pada konten tabel
21	border-spacing	Mengatur jarak spasi garis tabel
22	colspan	Menggabungkan beberapa kolom. Kalau di office disebutnya Merge Cell
23	title	untuk menampilkan text tooltip apabila tag tersebut disorot oleh mouse
24	id	Memberikan id pada tabel atau kolom
25	<img>	Elemen untuk mendefinisikan gambar
26	src	Atribut untuk menentukan URL gambar
27	href	Untuk membuka link jika di klik
28	width – height	Menentukan ukuran gambar
29	float	Properti untuk float image pada CSS
30	<map>	Mendefinisikan gambar peta
31	<area>	Mendefinisikan area atau daerah-daerah gambar pada peta
32	<picture>	Menampilkan gambar yang berbeda untuk perangkat yang berbeda

4.Tuliskan contoh penggunaan tag HTML (Minimal 5)!

Jawaban:

	<!DOCTYPE html>
	<html>
	<body>

	<h2>Pilihan Minuman</h2>

	    <ol type="i">
	        <li>Air Tawar</li>
	        <li>Air Mineral</li>
	        <li>Susu Alami</li>
	    </ol>

	</body>
	</html>

5.Tuliskan dan jelaskan atribut-atribut yang dapat digunakan pada Nomor 3

Jawaban:

- Atribut href dipakai pada link (tag a). Atribut href berisi URL halaman website yang dibuka pada saat link diklik.
- Atribut title juga dapat dipakai pada hampir semua tag. Atribut title digunakan untuk menampilkan text tooltip apabila tag tersebut disorot oleh mouse pointer
- Atribut width dan height dipakai pada tag img. Atribut width dan height berisi ukuran gambar pada saat ditampilkan. Ukuran ini diberikan dalam bentuk panjang dan lebar memakai satuan pixel.

6.Tuliskan dan jelaskan atribut yang digunakan dalam menggabungkan baris dan kolom pada tabel

Jawaban:
Atribut colspan dan rowspan adalah atribut yang digunakan dalam HTML untuk menggabungkan baris dan kolom menjadi satu, sehingga baris dan kolom tersebut menjadi lebar. Colspan merupakan kependekan dari ColumnSpan yang berarti beberapa kotak kesamping, sedangkan rowspan mengartikan beberapa kotak kebawah. Jadi fungsi atribut colspan adalah untuk menggabungkan kolom satu dengan kolom lainnya, sedangkan rowspan berfungsi menggabungkan baris satu dengan baris lainnya. kedua atribut tersebut diletak didalam tag .