Tugas kon1
1.HTML adalah bahasa markup yang digunakan untuk membuat dan menyusun konten pada halaman web. HTML digunakan untuk mendefinisikan struktur dan tampilan halaman web serta mengintegrasikan elemen-elemen multimedia seperti gambar, video, audio, dan hyperlink.
2.
| 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. 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 sendiri adalah singkatan dari Cascading Style Sheet. Markup language ini biasanya dipasangkan dengan markup language (bahasa marka) seperti HTML. Apakah kamu bingung dengan penjelasan teknis ini? Intinya, CSS merupakan tools pelengkap HTML yang digunakan untuk mengubah tampilan suatu situs.
5. 1. Simple Selectors - Menargetkan elemen berdasarkan nama, id, atau kelas.
- Element Selector: Menargetkan semua elemen berdasarkan nama tag. Contoh: `p { color: red; }` akan membuat semua elemen `<p>` berwarna merah.
- ID Selector: Menargetkan elemen spesifik dengan atribut id. Contoh: `#navbar { background-color: blue; }` akan menargetkan elemen dengan `id="navbar"`.
- Class Selector: Menargetkan elemen dengan atribut kelas tertentu. Contoh: `.button { font-size: 20px; }` akan menargetkan semua elemen dengan `class="button"`.
2. Combinator Selectors - Menargetkan elemen berdasarkan hubungan spesifik antara mereka.
- Child Selector (`>`): Menargetkan elemen yang merupakan anak langsung dari elemen lain. Contoh: `div > p { color: blue; }` akan menargetkan semua elemen `<p>` yang merupakan anak langsung dari `<div>`.
3. Pseudo-class Selectors- Menargetkan elemen berdasarkan keadaan tertentu.
-:hover: Menargetkan elemen saat mouse berada di atasnya. Contoh: `a:hover { color: green; }` akan mengubah warna teks link saat di-hover.
4. Pseudo-elements Selectors- Menargetkan dan memberi gaya pada bagian tertentu dari elemen.
- ::before: Menambahkan konten sebelum konten elemen. Contoh: `p::before { content: 'Baca: '; }` akan menambahkan teks "Baca: " sebelum setiap elemen `<p>`.
5. Attribute Selectors - Menargetkan elemen berdasarkan atribut atau nilai atribut.
- [type="text"]: Menargetkan semua elemen dengan atribut `type="text"`. Contoh: `input[type="text"] { border: 1px solid black; }` akan menargetkan semua elemen `<input>` dengan `type="text"`.
Komentar
Posting Komentar