Apa Itu HTML?: Brikut adalah penjelasan dan contoh Html

Infomedianews9

27 Okt, 2022

Supaya lebih mudah saat mendesain web menggunakan HTML maka kita harus bisa menggunakan tag – tag HTML dengan baik. Berikut ini kami telah rangkumkan beberapa tag HTML yang bisa kamu pelajari dan langsung dipraktekan sendiri.

Daftar Isi

°Tag Tabel

No	Nama Tag	Fungsi
1	<table>	Membuat tabel pada web
2	<tr>	Membuat baris pada tabel
3	<td>	Membuat kolom pada tabel
4	<th>	Membuat judul pada kolom. Contohnya nama, kelas, dan alamat.
5	<caption>	Membuat judul tabel
6	border	Mengatur garis tabel
7	border-collapse	Mengatur batas garis tabel
8	padding	Mengatur padding pada cell
9	text-align	Mengatur perataan pada konten tabel
10	border-spacing	Mengatur jarak spasi garis tabel
11	colspan	Menggabungkan beberapa kolom. Kalau di office disebutnya Merge Cell
12	rowspan	Menggabungkan beberapa baris
13	id	Memberikan id pada tabel atau kolom

Contoh penggunaan :

<!doctype html>

<html> 

 <head> 

  <style>

table, th, td {

  border: 1px solid black;

  padding: 5px;

}

table {

  border-spacing: 15px;

}

</style> 

 </head> 

 <body> 

  <h2>Tempat</h2> 

  <p>Yaudha jadi gimana ini.</p> 

  <table style="width:100%"> 

   <tbody>

    <tr> 

     <th>Nama Pertama</th> 

     <th>Nama trakhir</th> 

     <th>Umur</th> 

    </tr> 

    <tr> 

     <td>Yakon</td> 

     <td>rahh</td> 

     <td>29</td> 

    </tr> 

    <tr> 

     <td>tejo</td> 

     <td>rusdi</td> 

     <td>24</td> 

    </tr> 

    <tr> 

     <td>babah</td> 

     <td>Damar</td> 

     <td>37</td> 

    </tr> 

   </tbody>

  </table> 

  <p>Selamat menunaikan ibadah.</p> 

 </body>

</html>
HASIL :


  
    
  
kunjungi juga SCRIPT HTML BUCIN BIKIN CEWE KELEPEK KELEPEK : https://heiyou.feeldream.repl.co/



°Tag Style
No  Nama Tag    Fungsinya
1. style       atribut untuk elmen Styling di HTML
2. Text-align  mengatur perataan text

Contoh penggunaannya :

<!doctype html>

<html> 

 <head></head> 

 <body> 

  <h1 style="text-align:center;">Burjan</h1> 

  <p style="text-align:center;">Bergaya.</p> 
 </body>

</html>
HASIL:

  
    
  

°TAG FORMATING

NO  NAMA TAG   FUNSINYA
1.   <b>       Membuat text tebal
2.   <i>       Membuat text miring
3.  <sub>      Text subscript
4.  <sup>      Text superscript

Contoh penggunaannya :
<!doctype html>

<html> 

 <head></head>

 <body> 

  <p><b>Ini budi</b></p> 

  <p><i>Ini bapak budi</i></p> 

  <p>Dan ini<sub> teman</sub> dan<sup>temanya</sup></p> 

 </body>

</html>
HASIL:

Apa Itu HTML?: Brikut adalah penjelasan dan contoh Html

Popular Posts

Categories

Hashtag

Blog Archive