Archive for Mei 2024
Ilmu Sedikit Mengenai HTML & CSS
Halo kawan-kawan tercinta, kembali lagi bersama blog dan postingan saya. Kali ini saya ingin membagikan sedikit ilmu mengenai HTML & CSS yang kebetulan merupakan tugas yang diberikan oleh guru kami. Nah saya akan menyediakan foto berupa soalnya dan akan menuliskan jawaban saya dibawah, mungkin ilmu yang saya sampaikan bisa menjadi buat ilmu kawan sekalian. Berikut adalah soalnya!
Baiklah dari kelima soal tersebut, saya akan menjawab sesuai dengan jawaban yang saya ketahui (dan telusuri di Internet). Berikut jawabannya!
No. 1 | HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markup yang digunakan untuk membuat halaman web. Dengan HTML, Anda dapat menentukan struktur dan konten sebuah halaman web dengan menggunakan berbagai elemen markup, seperti tag, atribut, dan nilai.
No. 2 |
<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>
<td>Baris 2 : Kolom 3</td>
</tr>
<tr>
<td>Baris 3 : Kolom 1</td>
<td>Baris 3 : Kolom 2</td>
<td>Baris 3 : Kolom 2</td>
</tr>
</table>.
Dengan hasilnya akan seperti ini.
| 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 2 |
.
No. 3 | <html> - Ini adalah tag yang menandai awal dan akhir dari sebuah dokumen HTML. Semua elemen HTML diletakkan di dalam tag ini.
<head> - Tag ini digunakan untuk mendefinisikan informasi-informasi meta tentang dokumen HTML, seperti judul, tautan ke stylesheet, atau skrip JavaScript.
<title> - Digunakan untuk menentukan judul halaman web yang akan ditampilkan pada tab browser.
<body> - Ini menandai awal dan akhir dari konten yang akan ditampilkan pada halaman web.
<h1> - Tag ini digunakan untuk menandai teks sebagai judul utama (heading 1) halaman.
<p> - Tag ini digunakan untuk menandai paragraf teks.
<a> - Digunakan untuk membuat tautan (link) ke halaman lain atau sumber daya lain di web.
<img> - Digunakan untuk menyisipkan gambar ke dalam halaman web.
No.4 | CSS adalah singkatan dari Cascading Style Sheets. Adalah bahasa stylesheet yang digunakan untuk mengontrol tampilan dan format halaman web yang ditulis dalam HTML dan XML. Dengan CSS, Kita dapat menentukan bagaimana elemen-elemen HTML diberi tata letak, warna, ukuran, jenis huruf, dan berbagai properti tampilan lainnya. CSS memungkinkan pemisahan antara struktur konten (HTML) dan tampilan, sehingga memudahkan pengelolaan dan perubahan tampilan halaman web secara konsisten.
No. 5 | Saya akan memberikan 6 contoh selector yang ada di CSS sebagai contohnya, yaitu sebagai berikut:
Selector Elemen (Element Selector):
Ini adalah selector yang menargetkan elemen HTML berdasarkan nama elemennya.
Contoh:
p {
color: blue;
}
Selector ini akan mengubah warna teks dari semua elemen <p> menjadi biru.
Selector Kelas (Class Selector):
Digunakan untuk menargetkan elemen yang memiliki kelas tertentu.
Contoh:
.highlight {
background-color: yellow;
}
Selector ini akan memberikan latar belakang warna kuning pada semua elemen yang memiliki kelas "highlight".
Selector ID (ID Selector):
Menargetkan elemen dengan ID tertentu.
Contoh:
#header {
font-size: 24px;
}
Selector ini akan memberikan ukuran font 24px pada elemen dengan ID "header".
Selector Universal (Universal Selector):
Menargetkan semua elemen di dalam dokumen.
Contoh:
* {
margin: 0;
padding: 0;
}
Selector ini akan mengatur margin dan padding menjadi nol untuk semua elemen.
Selector Kombinator (Combinator Selector):
Mengkombinasikan beberapa selector untuk menargetkan elemen dengan hubungan tertentu.
Contoh:
div p {
font-style: italic;
}
Selector ini akan mengubah gaya font menjadi italic pada semua elemen <p> yang berada di dalam elemen <div>.
Selector Atribut (Attribute Selector):
Menargetkan elemen berdasarkan atribut-atribut tertentu.
Contoh:
input[type="text"] {
border: 1px solid black;
}
Selector ini akan memberikan garis tepi hitam pada semua elemen input dengan atribut type="text".
Dan ya begitulah kawan soal yang diberikan dan jawaban yang dapat saya simpulkan dari pertanyaan diatas sesuai dengan pengetahuan saya mengenai HTML dan CSS. Jika ada yang salah mungkin bisa kawan-kawan koreksi dan perbaiki sendiri. Tapi secara keseluruhan berikutlah hasil jawaban yang saya dapatkan. Sampai jumpa lagi di postingan blog selanjutnya!
