LATIHAN HTML & CSS

Haii ada soal latihan lagi nihh tentang HTML & CSS
Liat aja dibawah inii.                 

                                          SOAL:
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!
1. HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web. HTML menggunakan elemen-elemen atau tag-tag khusus untuk menentukan struktur dan konten dari sebuah halaman web, seperti teks, gambar, tautan, tabel, dan berbagai elemen lainnya. Setiap elemen HTML biasanya ditulis dalam bentuk pasangan tag pembuka dan penutup, misalnya `<p>` untuk paragraf, `<a>` untuk tautan, dan `<div>` untuk pembagian atau kontainer. HTML merupakan dasar dari semua halaman web dan bekerja bersama dengan CSS (Cascading Style Sheets) dan JavaScript untuk membangun situs web yang interaktif dan bergaya.

2. <html>
    <body>
        <table border="1" cellpadding="8">
            <tr>
                <td>baris 1 kolom 1</td>
                <td colspan="2">baris 2 kolom 1</td>
            </tr>
            <tr>
                <td>baris 1 kolom 2</td>
                <td>baris 2 kolom 2</td>
                <td>baris 3 kolom 2</td>
            </tr>
            <tr>
                <td>baris 1 kolom 3</td>
                <td>baris 2 kolom 3</td>
                <td>baris 3 kolom 3</td>
            </tr>
        </table>
    </body>
</html>

3. <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 (Cascading Style Sheets) adalah bahasa yang digunakan untuk mendesain dan mengatur tampilan elemen-elemen pada halaman web yang ditulis dalam HTML. CSS memungkinkan pengembang web untuk memisahkan konten (HTML) dari tampilan visual (CSS), sehingga mempermudah pemeliharaan dan pengelolaan tampilan situs web.

5. 👇
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;
   }
   ```


Sampaii jumpa di blog selanjutnyaa...

Komentar

Posting Komentar

Postingan populer dari blog ini

HTML CSS XI ERPEELL (RPL)

1.Perhatikan kode skrip berikut ini! <html>  <head>  <title>Statistika</title>  </head>  <body text="red">  <b>Statistika adalah cabang <u>ilmu matematika</u> yang mempelajari tentang pengambilan, pengolahan, dan penarikan kesimpulan <br>  yang tepat atas data yang diperoleh dari suatu hasil pengamatan atau penelitian.  </body> </html> Pembuat program ingin membuat tampilan tulisan “Statistika” yang hanya tercetak tebal, tetapi ketika skrip kode dijalankan, semua tulisan yang diapit oleh body menjadi tercetak tebal. Buatlah perbaikan yang tepat agar tampilannya sesuai dengan yang diinginkan oleh si pembuat program! 2.Perhatikan skrip kode berikut. html>  <body>  Semoga dunia lekas pulih!  </body> </html Agar tulisan yang ditampilkan berwarna merah, perubahan yang tepat pada skrip kode di atas adalah .... 3.Perhatikan skrip kode dan tampilannya pada ...
Baca selengkapnya

JLY DESSERT YANG BIKIN KAMU KETAGIHAN

Gambar
Selamat datang di dunia manis dan lezat dari JLY Dessert Jika kamu seorang pecinta makanan penutup yang unik dan menggugah selera, Kamu berada di tempat yang tepat. JLY Dessert menawarkan berbagai kreasi yang memadukan rasa dan estetika, membuat setiap suapan tak terlupakan.  Kamu yang sedang mencari tempat makan penutup yang memanjakan selera? JLY Dessert adalah surga bagi para pecinta manis yang ingin merasakan pengalaman dessert unik dan menggugah. Dengan berbagai pilihan hidangan penutup yang kreatif dan lezat, setiap kunjungan ke JLY Dessert akan membawa kamu pada petualangan rasa yang tak terlupakan. JLY DESSERT bukan hanya sekadar tempat untuk menikmati hidangan manis, tetapi juga merek yang mengedepankan kualitas dan pengalaman unik bagi setiap pelanggan. Dengan berbagai inovasi dalam menu yang mereka tawarkan, JLY DESSERT selalu berhasil menghadirkan rasa baru yang menarik. Kualitas bahan yang digunakan serta pelayanan yang ramah membuat brand ini memiliki nilai tambah yan...
Baca selengkapnya