SOAL
1.Apa yang dimaksud dengan HTML
2.Buatlah Tabel di HTML seperti output berikut:
Baris:1 Kolom1 Baris:1 Kolom2
Baris:2 Kolom1 Baris:2 Kolom2 Baris:2 Kolom3
Baris:3 Kolom1 Baris:3 Kolom2 Baris:3 Kolom3
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!
JAWAB:
1.HTML adalah singkatan dari Hypertext Markup Languange, HTML merupakan salah satu bahasa pengkodean atau pemograman yang digunakan untuk membuat halaman website yang ditampilkan pada web browser
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>.
3.<Html>~ Menandai awal dan akhir dari dokumen HTML.
<head>~ Menyediakan informasi metadata tentang dokumen HTML.
<title>~ Mendefinisikan judul dokumen HTML yang ditampilkan di tab browser.
<body>~Menandai awal dan akhir dari konten yang akan ditampilkan di browser.
<p>~Menandai paragraf teks.
<a>~ Membuat hyperlink untuk mengarahkan ke halaman web atau sumber lainnya.
<img>~Menyisipkan gambar ke dalam dokumen HTML.
<tr >~berfungsi untuk membuat baris baru dalam tabel
4.CSS merupakan tools pelengkap HTML yang digunakan untuk mengubah tampilan suatu situs..
5. CONTOHNYA:
p {
color: blue;
}
Selector Kelas: Selector ini menargetkan elemen HTML dengan atribut class. Contohnya:
.judul {
font-size: 24px;
}
Selector ID: Selector ini menargetkan elemen HTML dengan atribut id. Contohnya:
#header {
background-color: #333;
}
Selector Universal: Selector ini menargetkan semua elemen dalam halaman HTML. Contohnya:
* {
margin: 0;
padding: 0;
}
Selector Keturunan: Selector ini menargetkan elemen HTML yang berada di dalam elemen lain. Contohnya:
nav ul {
list-style-type: none;
}
Selector Elemen Anak: Selector ini menargetkan elemen HTML yang menjadi anak langsung dari elemen lain. Contohnya:
article > p {
color: red;
}
Selector Pseudo-class: Selector ini menargetkan elemen HTML dalam keadaan tertentu, seperti saat mouse mengarah ke atas atau elemen dalam keadaan tertentu. Contohnya:
a:hover {
text-decoration: underline;
}
Selector Pseudo-element: Selector ini menargetkan bagian-bagian spesifik dari elemen HTML. Contohnya:
p::first-line {
font-weight: bold
Tidak ada komentar:
Posting Komentar