Beranda Programing Penjelasan Apa itu HTML dan Fungsinya

Penjelasan Apa itu HTML dan Fungsinya

Pada postingan kali ini saya akan memaparkan penjelasan tentang apa itu html dan berikut fungsinya. HTML itu bahasa markup, bukan bahasa pemrograman.

HTML diibaratkan sebagai “wadah” bagi bahasa pemrograman web, seperti PHP, Javascript.

Mengapa kemarin di bahas di postingan bahasa pemrograman? karena bersangkutan dengan php, karena merupakan wadah dari bahasa pemrograman tersebut.

Karena HTML tidak memiliki kemampuan untuk membuat sebuah web dinamis dan hanya bisa melakukan pemformatan dokumen.

Seperti membuat tulisan bold, miring ataupun tanda garis di huruf, selayaknya ms word.

Untuk fungsi html ada 2 yaitu type block level dan inline tags

1. Tag Block Level

Block Level Menggunakan semua tempat yg tersedia dan membuat line baru di dalam halaman, contohnya heading dan paragraf.

Terdapat 3 tag yang termasuk kedalam block level di html yaitu <html> <head> dan <body>

  • Untuk tag html :
 
<html>

</html>
  • Untuk tag head :
<head>

</head>
  • Untuk tag body :
<body>

</body>

Selanjutnya ada heading. Ada 6 level dalam html yaitu dari <h1> sampai dengan <h6>

<h1> Heading level 1</h1>
<h2> Heading level 2</h2>
<h3> Heading level 3</h3>
<h4> Heading level 4</h4>
<h5> Heading level 5</h5>
<h6> Heading level 6</h6>

Dan untuk paragraf di buka dengan tag <p> di tutup dengan tag </p> .

<p> Contoh Tag Paragraf </p>

Selanjutnya ada division yaitu bagian dari konten yg lebih besar yang biasa terdiri dari paragraf, gambar dan elemen lainnya.

Untuk tag pembukanya <div> contoh penulisan tagnya adalah sebagai berikut:

<div>
</div>

Selain heading paragraf dan division  tag list untuk membuat nomor urut atau icon urut bisa menggunakan <ol> <ul> dan <li> contoh penggunaannya adalah sebagai berikut:

<ol> </ol>
<ul> </ul>
<li> </li>

2. Tag Inline

Kebanyakan dari tag inline digunakan untuk memformat teks contohnya bold <b> italic <i> underline <u>.

<b>bold</b>
<i>italic</i>
<u>underline</u>

Selanjutnya ada hyperlink yang berfungsi untuk membuat teks atau gambar menjadi sesuatu yang bisa di klik dan menuju link yang di tuju.

Tagnya adalah <a> dan untuk atribut linknya adalah href. contoh penggunaan tagnya adalah sebagai berikut :

<a href="https://aznoax.xyz/">Link Ke AZnoAX</a>

Lalu ada gambar tag untuk menampilkan gambar adalah <img> img juga termasuk kedalam tag inline tag.

Gambar tidak membutuhkan tag penutup dan untuk atributnya adalah src untuk menuju ke directory di mana gambar tersebut ada contohnya adalah sebagai berikut :

<img src="diretory/gambar.jpg">

Menurut cara kerjanya dapat di simpulkan jadi html adalah dasar styling untuk membuat struktur konten pada website menggunakan coding html sederhana.

Cukup sekian pemaparan yang bisa saya berikan jika ada salah salah kata atau ada yg mau di tanyakan silahkan tanyakan di kolom komentar. (*and)

BERBAGI

1 KOMENTAR

LEAVE A REPLY

Please enter your comment!
Please enter your name here