Dasar web yang dimaksud pada artikel kali ini adalah tampilan yang biasa dibuat pada halaman sebuah website, kali ini kita akan mengabaikan penggunaan desain tampilan dan akan berfokus pada isi sebuah website saja. Untuk membuat sebuah website pastinya kita harus dapat bisa menempatkan penulisan artikel dengan baik, menentukan jenis font, besar atau kecil ukuran tulisan (baik itu judul maupun konten).

Perhatikan beberapa tag HTML yang biasa dipakai dalam penulisan sebuah konten artikel dibawah ini :
1. Untuk menuliskan judul biasanya menggunakan heading.
2. Untuk berpindah kebaris bawahnya menggunakan break.
3. Untuk konten yang berisi banyak tulisan dipisahkan menggunakan paragraf.
4. Tabel

Supaya lebih mudah silahkan praktek menggunakan barisan kode HTML berikut :
<!doctype html>
<html>
<head>
 <title>Dasar Web 1</title>
</head>
<body>
 <!-- tag <br/> digunakan untuk break-->
 Berikut adalah contoh penggunaan tag Heading : <br/>
 <h1>Ini adalah Heading 1</h1>
 <h2>Ini adalah Heading 2</h2>
 <h3>Ini adalah Heading 3</h3>
 <h4>Ini adalah Heading 4</h4>
 <h5>Ini adalah Heading 5</h5>
 <h6>Ini adalah Heading 6</h6>
 Heading dimulai dari H1 sampai dengan H6. <br/><br/>
 
 <!-- tag paragraf <p>...</p> -->
 Berikut adalah contoh penggunaan tag paragraf :
 <p>Ini adalah contoh paragraf 1</p>
 <p>ini adalah contoh paragraf 2</p>
 <p>ini adalah contoh paragraf 3</p>
 <br/>
 
 <!-- tag tabel <table>.... </table> -->
 <h3>Berikut adalah contoh tabel :</h3>
 <table border="1" style="width:100%" >
  <!-- tag Heading tabel <th>...</th> -->
  <th>Firstname</th>
  <th>Lastname</th>
  <th>Age</th>
  <!--tag baris <tr>...</tr> -->
  <tr>
   <!-- tag data <td>...</td> -->
   <td>Mugiwara</td>
   <td>Luffy</td>
   <td>21</td>
  </tr>
  <tr>
   <td>Sanji</td>
   <td>Black Leg</td>
   <td>22</td>
  </tr>
  <tr>
   <td>Brook</td>
   <td>Soul King</td>
   <td>35</td>
  </tr>
  <tr>
   <!-- merge kolom/data -->
   <td colspan="2">colspan</td>
   <td>cell</td>
  </tr>
  <tr>
   <!-- merge baris -->
   <td rowspan="2">rowspan</td>
   <td>cell</td>
   <td rowspan="2">rowspan</td>
  </tr>
  <tr>
   <td>cell</td>
  </tr>
 </table>

</body>
</html>

0 komentar