Selasa, 30 April 2019

Kamis, 21 Maret 2019

KISI KISI USBN 2019 Kejuruan


1. Menampilkan tulisan di judul halaman teg HTML
2. cara membuat tulisan tebal di halaman HTML
3. perintah HTML untuk membuat tabel (jumlah 2 colom, jumlah

    baris 2, kolom pertama di gabungkan)
4. perintah HTML untuk menampilkan gambar
5. perintah HTML yang berfungsi agar suatu link dapat langsung 

    menuliskan email ke sebuah alamat email
6. perintah HTML untuk membuat input area berupa text area

7. perintah HTML untuk memunculkan suatu gambar
8. perintah HTML untuk membuat backgroung halaman web area
    tertentu
9. perintah HTML (li)




----------------------------------JAWABAN----------------------------------

  1.  <html>

<head>
  <title>Belajar HTML Dasar</title>
</head>
<body>

jadi menggunakan perintah scipt <title></title>

2. Menggunakan perintah <b></b>
3. <html>
<head>
<title>menggunakan perintah colspan</title>
</head>
<body>
<h1>Contoh atribut colspan dan rowspan </h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
    </tr>
    <tr>
        <td colspan="2" >Baris 2, Kolom 2 & 3</td>
    </tr>
</table>
</body>
</html>

jadi menggunakan perintah colspan

4. <html>
<head>
<title>Cara Kode - Menampilkan Gambar Pada HTML</title>
</head>
<body>
<img src="carakode.png">
</body>
</html>

jadi menggunakan perintah <img src="carakode.png">

5. menggunakan perintah <a href="about.html">About us</a>
dan akan langsung menuju ke about.html

6. <html>
<head>
   <title>Belajar Tag Textarea HTML</title>
</head>
<body>
   <form action="proses.php" method="get">
   <h4>Tag textarea dengan atribut: name</h4>
   <textarea name="komentar1">
     Silahkan isi komentar anda
   </textarea>
   <br />
 </form>
</body>
</html>

menggunakan <textarea name="komentar1">

7. <html>
<head>
<title>Cara Kode - Menampilkan Gambar Pada HTML</title>
</head>
<body>
<img src="carakode.png">
</body>
</html>

jadi menggunakan perintah <img src="carakode.png">

8. <html>
<head>
<style>
body {
    background-color: 
}
</style>
</head>
<body>
</body>
</html>

menggunakan {background-color:}


9. <html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ol>
  <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ol>
</body>
</html>


Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered listdengan bulatan atau kotak.
Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.