Pengertian Fungsi Dari Tag HTML 5 Serta contoh Code


Halo Sob, sudah lama saya tidak menuliskan code lg. yang saya takutkan penyakit lupa tentang beberapa ilmu yang saya dapat. Ok Sob, kali ini saya ingin mendokumentasikan beberapa TAG HTML 5 yang mungkin nanti akan berguna.

Berikut adalah TAG BASIC HTML5

<!DOCTYPE html>   ( TAG ini berfungsi mendefinisikan bahwa dokumen ini HTML5 )
<html>                         ( Merupkan elemen dari HTML )
<head>                         ( Elemen berisi tentang metadata dari dokumen ini)
<title> Judul Halaman </title> ( Elemen berisi judul dokumen )
</head>                        ( Elemen berfungsi menutup Tag <head> )
<body>                         ( Elemen ini berisikan badan dokumen )

<h1> Judul Artikel </h1>
( Tag ini merupakan elemen untuk mendifinisikan besar judul, namun tag ini menurut saya lebih fleksibel dapat digunakan dibeberapa bagian tidak harus untuk judul ketika belum menggunakan CSS, karena ketika kita menggunakan CSS, besar kecilnya dapat kita atur menggunakan code dari css )

<p> Konten Paragrap </p> ( Elemen untuk mendifinisikan paragraph )
</body>                          ( Penutup TAG <body> )
</html>                          ( Penutup TAG <html> )



Dulu ketika saya belajar tentang pemrograman ( sekarang masih belajar ), kadang lupa untuk menuliskan tag tutup hasilnya setiap saya liat penampakannya jadi ga karuan, sampai saya diberi tau teman saya ketika menulis code awal langsung tulis code penutupnya agar tidak dua kali kerja. Ya setelah saya praktekan jadi minim kesalahan tersebut.

Tag <h1></h1> ini memiliki beberapa ukuran
Contohnya
<h1> Judul Artikel </h1>
<h2> Judul Artikel </h2>
<h3> Judul Artikel </h3>
<h4> Judul Artikel </h4>

<h5> Judul Artikel </h5>
<h6> Judul Artikel </h6>
Tag tersebut memberikan efek tampilan besar kecilnya kata
TAG HTML LINK
Saat kita membutuhkan penulisan link di dalam halaman, kita dapat menggunkan TAG <a>. berikut contohnya :

<a href= “ https://www.gapunyakode.blogspot.com”> nama link-nya </a> “jangan lupa penutupnya hhe

TAG HTML IMAGES
Tag HTML ini berfungsi untuk menampilkan gambar Sob. Berikut contohnya :

<img src=”alama/url gambarnya” alt=”gapunyakode” width=”150” height=”135”>

Alt semacam nama yang ditampilkan, sedangkan width dan height berfungsi mengatur lebar dan tinggi gambar dalam px

TAG TABLE HTML
Berikut contohnya Sob :
<table style="width:100%">
  <tr>
    <th>No</th>
    <th>Nama</th>
  </tr>
  <tr>
    <td>01</td>
    <td>Doni</td>
  </tr>
  <tr>
    <td>02</td>
    <td>Dini</td>
  </tr>
  <tr>
    <td>03</td>
    <td>Dewi</td>
  </tr>
</table>

Tag <table> untuk mendefinisikan table, <tr> untuk mendefinisikan baris, <th> untuk mendefinisikan table header (nama setiap kolom), <td> berisikan data setiap kotaknya

TAG LIST HTML
Berikut contohnya Sob :
<ul>
  <li>Nasi padang</li>
  <li>Nasi goreng</li>
  <li>Nasi uduk</li>
</ul>
Penulisan list pada html diawali dengan tag <ul>, sedang <li> merupakan elemen menampilkan list, jika dalam tag <ul> tidak di bumbui sentuhan style makan tampilan umumnya adalah list berbentul bulat. Jika ingin mengubah bentuk list dapat dibumbui dengan menambahkan code style. Berikut contohnya :

Bentuk list kotak
<ul style="list-style-type:square">
  <li>Nasi padang</li>
  <li>Nasi goreng</li>
  <li>Nasi uduk</li>
</ul>

Tidak menampilkan list namun tetap rapi
<ul style="list-style-type:none">
  <li>Nasi padang</li>
  <li>Nasi goreng</li>
  <li>Nasi uduk</li>
</ul>
Ok makasih sob sudah mampir, semoga dapat bermanfaat .



0 Response to "Pengertian Fungsi Dari Tag HTML 5 Serta contoh Code"

Post a Comment

Silahkan berkomentar Sob tapi untuk beberapa komentar yang tidak sesuai seperti link aktif dan hal-hal yang tidak baik tidak akan ditampilkan !. Terima kasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel