Belajar HTML: Pengenalan Elemen dan Atribut.

Moch Diki Widianto
2 min readOct 17, 2020

--

Sebelum kita memulai mari kita yakinkan diri kita terlebih dahulu bahwasannya kita sanggup mempelajari pemrograman ini. Karena kunci dari semuanya adalah motivasi kita untuk terus belajar.

Kita awali dengan membuat elemen dasar dalam HTML, biasanya orang menyebutnya dengan tag HTML. Elemen HTML terbagi menjadi 2 cara penulisan, yaitu single dan double. (itu bahasa penulis)

Umumnya elemen yang ditulis secara single tidak memberikan efek nilai atau output secara tampilan pada browser maupun dan tidak bisa disisipkan elemen lain, misalnya:

<input type="text" />

selain itu misalnya<br /> . Biasanya yang sering ditemukan kurang lebih demikian. Berbeda halnya dengan double elemen yang hampir ditemukan disetiap berkas dengan eksensi dot html.

Berikut ini contohnya dokumen HTML dengan single dan double elemen

<!DOCTYPE HTML>
<html>
<head>
<title>HTML Perdana Ku</title>
</head>
<body>
<h1>Allah Maha Besar</h1>
<h2>Rasulullah utusan Allah</h2>
<h3>Kita umat Rasulullah</h3>
<p>Surga ditelapak kaki ibu</p>
<hr />
<table border="1">
<tr>
<td>Kucing</td>
<td>Harimau</td>
</tr>
<tr>
<td colspan="2">Felidae</td>
</tr>
<tr>
<td rowspan="2">Canidae</td>
<td>Srigala</td>
</tr>
<tr>
<td>Koyote</td>
</tr>
</table>
<br />
<input type="text" placeholder="Tulis Nama" />
</body>
</html>

Hasilnya akan nampak seperti pada gambar di bawah ini.

Sedangkan atribut adalah pendeskripsian elemen yang telah dibuat agar menjadi lebih terarah dan terstruktur rapih sesuai keinginan kita dari segi fungsi. Berbeda dengan CSS, karena CSS mengubah gaya tampilan elemen menjadi lebih cantik.

Misalnya, kita membuat field untuk memasukan nama. Kita memanggil elemen <input /> , namun elemen tersebut membebaskan kita dalam menulis hingga ratusan bahkan ribuan karakter di dalamnya. Sedangkan kita ingin membatas untuk field tersebut hanya bisa diisi maksimal 10 karakter. Maka kita tambahkan menjadi <input maxlength="10" /> dengan begitu kita hanya bisa memasukan maksimal 10 karakter. Tata cara penulisannya hanya memasukan nama atribut (setiap elemen memiliki atribut yang berbeda-beda) lalu sama dengan (=) kemudian diikuti tanda kutip (“) dan masukan nilai dari atribut tersebut diakhiri tanda kutip (“) penutup.

Sekian penjelasan sederhana (menurut bahasa saya) mengenai HTML permulaan ini. Tetap semangat, ini adalah pengalaman pribadi saya menjadi seorang programmer dan semoga bisa memotivasi teman-teman semua.

--

--

Moch Diki Widianto
Moch Diki Widianto

Written by Moch Diki Widianto

Technopreneur, Web Developer, Tidak pernah sekolah pemrograman / IT, Asli lulusan Universitas La Tansa Mashiro (Unilam) Fakultas Ekonomi - S1 - Akuntansi

No responses yet