Keranjang Coding : product


?>

Mengenal Tags Pada Html


  • 20-05-2020
  • 433
  • html



Belajar Mengenal Tags Pada HTML

Dari pembahasan sebelumnya mengenai pengenalan html dasar, memilih text editor, kali ini kita akan melanjutkan pembahasan html tentang pengenalan tags pada html dan bagaimana cara menggunakan tags html pada saat kita menuliskan script html kita, materi ini merupakan materi dasar penulisan kode HTML atau dasar dari seluruh tampilan yang ada di halaman web browser.

Tag HTML

Tag HTML ialah yang menentukan bagaimana browser web akan memformat dan menampilkan konten. Dengan bantuan tag, browser web dapat membedakan antara konten HTML dan konten sederhana. Tag HTML berisi tiga bagian utama: tag pembuka, konten, dan tag penutup. Tetapi beberapa tag HTML adalah tag tidak tertutup.

Ketika browser web membaca dokumen HTML, browser membacanya dari atas ke bawah dan dari kiri ke kanan. Tag HTML digunakan untuk membuat dokumen HTML dan membuat propertinya. Setiap tag HTML memiliki sifat yang berbeda.

File HTML harus memiliki beberapa tag penting agar browser web dapat membedakan antara teks sederhana dan teks HTML. Anda dapat menggunakan tag sebanyak yang Anda inginkan sesuai persyaratan kode Anda.

* Semua tag HTML harus disertakan dalam <> tanda kurung ini.
* Setiap tag dalam HTML melakukan tugas yang berbeda.
* Jika Anda telah menggunakan tag terbuka <tag>, maka Anda harus menggunakan tag penutup </tag> (kecuali beberapa tag)

Berikut adalah format dasar penulisan tag HTML:

<tag_pembuka>objek yang dikenai perintah tag</tag_penutup>

Sebagai contoh, perhatikan kode HTML berikut :

<p> Sya Sedang Belajar Di Matadeveloper</p>
  • <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
  • </p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

Jika lupa memberikan penutup tag, umumnya browser akan “memaafkan” kesalahan ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun ini sepertinya memudahkan, tidak jarang malah bikin bingung.

Contoh untuk gaya penulisan tag html dengan penutup yang benar :

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar HTML Di Matadeveloper</title>
</head>
<body>
  <h1>Belajar HTML</h1>
  <p>Salah satu hal yang unik dari <strong>HTML</strong>
     (dan juga <em>CSS & JavaScript</em>) adalah kita bisa
     melihat dengan bebas kode-kode yang digunakan untuk
     membuat sebuah halaman web.</p>
</body>
</html>

Dan Contoh penulisan tags html yang salah :

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Belajar HTML</title>
</head>
<body>
  <h1>Belajar HTML Di Matadeveloper</h1>
  <p>Salah satu hal yang unik dari <strong>HTML</strong>
     (dan juga <em>CSS & JavaScript<em>) adalah kita bisa
     melihat dengan bebas kode-kode yang digunakan untuk
     membuat sebuah halaman web.</p>
</body>
</html>

Perhatikan pada bagian tag <em> itu tidak diakhiri dengan penutup </em>, tetapi membuka kembali tag <em>  pada script html di atas, tetapi browser tetap membaca script kita , namun akan mempengaruhi layout kita nanti nya.

Adapun jenis-jenis tag yang sering di gunakan pada html :

Tag Html

Fungsinya

<!– ….–>

Digunakan untuk memberi sebuah komentar atau keterangan

<!DOCTYPE html>

Digunakan untuk Mendefinisikan tipe document

<a>

IMendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain

<b>

Membuat text menjadi tebal

<p>

Membuat paragraf

<h1>

Membuat Heading 1

<h2>

Membuat Heading 2
<body>

Mendefenisikan body/isi sebagai element html

<head>

Mendefenisikan bagian kepala dokumen html

<title>

Mendefenisikan bagian judul halaman

<div>

Mendefenisikan halaman

<link>

Mendefenisikan hubungan antar dokumen

<script>

Mendefinisikan client-side script

<table>

Mendefenisikan table

<th>

Mendefenisikan tag header dalam tabel

<td>

Mendefenisikan sel didalam tabel

<tr>

Mendefenisikan baris didalam tabel

<ul>

Mendefenisikan daftar dalam format bulat

<li>

Mendefenisikan list

<meta>

Mendefenisikan deskripsi halaman web 

<html>

Mendefenisikan document pada html 

<option>

Mendefenisiskan List pilihan item

<select>

Mendeklarasikan list pilihan

Kesimpulan

Dari penjelasan diatas kita sudah menjelaskan apa itu fungsi tag pada html, dimana tag pada html ini berfungsin menjalankan script pada html untuk membangun element element pada html, mungking itu saja penjelasan kali ini, kita akan lanjutkan ke pembahasan html di tahap selanjutnya, mungkin itu saja yang bisa sampaikan, terima kasih dan sampai jumpa.

Tags : html

Sekilas Tentang Penulis


Kharisma Maulana Pasaribu,ST
Software Engineer | Fullstack Developer | Founder of Matadeveloper.com



Prev Post
Membuat Chart Jumlah User Di Laravel 6 D
Next Post
Mengenal Tags Pada Html