1.Apa yang dimaksud dengan HTML?
2.Buatlah Tabel di HTML seperti output berikut:
Baris 1: Kolom 1 Baris 1: Kolom 2
Baris 2: Kolom 1 Baris 2: Kolom 2 Baris 2: Kolom 3
Baris 3: Kolom 1 Baris 3: Kolom 2 Baris 3: Kolom 3
3.Sebutkan 8 tag HTML yang kalian ketahui beserta fungsinya !
4.Apa yang dimaksud dengan CSS ?
5.Sebutkan tipe atau jenis selector pada CSS dan sebutkan contohnya !
JAWABAN
2. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabel HTML</title>
</head>
<body>
<table border="1">
<tr>
<td>Baris 1, Kolom 1</td>
<td colspan="2">Baris 1, Kolom 2</td>
</tr>
<tr>
<td>Baris 2, Kolom 1</td>
<td>Baris 2, kolom 2</td>
</tr>
<tr>
<td>Baris 3, Kolom 1</td>
<td>Baris 3, Kolom 2</td>
<td>Baris 3, Kolom 3</td>
</tr>
</table>
</body>
</html>
1. HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markup yang digunakan untuk membuat halaman web. HTML memberikan struktur dasar untuk konten web, seperti teks, gambar, video, dan hyperlink. Dengan menggunakan tag-tag HTML, pengembang web dapat mengatur dan menampilkan konten secara terstruktur di dalam browser web.
3. delapan tag HTML beserta fungsinya:
<html>: Menandai awal dan akhir dari sebuah dokumen HTML.
<head>: Mengandung informasi tentang dokumen, seperti judul, meta tag, dan tautan ke file eksternal.
<title>: Menetapkan judul dokumen yang akan ditampilkan di bilah judul browser.
<body>: Mengandung semua konten yang akan ditampilkan di halaman web, seperti teks, gambar, dan video.
<h1> - <h6>: Menandai judul atau heading dengan tingkat kepentingan yang berbeda, dari yang terbesar (h1) hingga yang terkecil (h6).
<p>: Menandai sebuah paragraf teks.
<a>: Membuat hyperlink atau tautan ke halaman web atau lokasi lain.
<img>: Menyisipkan gambar ke dalam halaman web.
4. CSS ( cascade style sheet ) adalah sebuah bahasa untuk mengatur tampilan web sehingga terlihat lebih menarik dan indah.
5. Terdapat beberapa jenis selector pada CSS, berikut beberapa di antaranya beserta contohnya:
1. Selector Elemen: Memilih elemen berdasarkan nama elemen HTML.
Contoh:
```css
p {
color: blue;
}
```
2. Selector Kelas: Memilih elemen berdasarkan kelas yang diberikan.
Contoh:
```css
.judul {
font-size: 24px;
}
```
3. Selector ID: Memilih elemen berdasarkan ID yang diberikan.
Contoh:
```css
#header {
background-color: gray;
}
```
4. Selector Universal: Memilih semua elemen pada halaman.
Contoh:
```css
* {
margin: 0;
padding: 0;
}
```
5. Selector Anak Langsung: Memilih elemen yang menjadi anak langsung dari sebuah elemen lain.
Contoh:
```css
div > p {
color: red;
}
```
6. Selector Berantai (Descendant): Memilih elemen yang menjadi turunan dari sebuah elemen lain.
Contoh:
```css
ul li {
list-style-type: square;
}
```
7. Selector Pseudo-class: Memilih elemen berdasarkan keadaan atau aksi tertentu.
Contoh:
```css
a:hover {
color: purple;
}
```
8. Selector Pseudo-element: Memilih bagian tertentu dari elemen.
Contoh:
```css
p::first-line {
font-weight: bold;
}
```
Tidak ada komentar:
Posting Komentar