Belajar HTML : Mengenal Taq, Element dan Attribute HTML

  • Whatsapp

Belajar HTML : Mengenal Taq, Element dan Attribute HTML

Assalammualaikum Wr. Wb Sobat ImamLarh pada artikel kali ini saya akan menlanjutakan dari artikel sebelumnya yang telah saya bahas mengenai Memilih Text Editor untuk coding.

Dan pada artikel ini kita akan memasuki ke pengenalan dasar taq, element dan attribute pada HTML.

Pembahasan kali ini merupakan sebuah dasar dalam penulisan sebuah kode HTML atau juga dasar dari seluruh tampilan halaman website yang ada di internet.

Taq html adalah sebuah kode yang digunakan untuk menunjukkan pada web browser untuk apa text html tersebut ditulis. Di dalam html kita bisa menulis dengan taq, seperti untuk menampilkan text paragraf, list, link dan sebagainya.

Berikut ini adalah penulisan taq html, dan perlu kamu perhatikan penulisan taq menggunakan taq pembuka dan penutup. Untuk taq penutup sendiri ditambahkan kode / di bagian tag penutup.

<taq> Ini contoh taq HTML </taq>

Kode diatas sangat terlihat jelas untuk taq pembuka diawali dengan kurung sudut dan penutup kurung sudut dan untuk taq penutup diawali tanda pembuka kurung sudut, backlash dan penutup kurung sudut.

Di dalam HTML banyak sekali jenis-jenis taq yang bisa kamu gunakan, beirkut ini adalah beberapa taq yang akan sering kamu gunakan dalam membuat sebuah website.

Taq Fungsi
<!DOCTYPE html> Untuk mendefinisikan dipe dokumen HTML
<!– ….–> Untuk memberikan komentar
<a></a> Untuk menautkan menautkan antara satu dokumen html (link)
<b></b> Untuk membuat teks menjadi tebal
<p> .. </p> Untuk membuat paragraf
<h1> .. </h1> Untuk membuat heading (heading smpai h1-h6)
<body> Mendifinisikan isi dokumen html
<head> Mendifinisikan kepala dokumen
<title> Mendifinisikan judul halaman
<div> Mendifinisikan sebuah halaman
<link> Mendefinisikan hubungan antara dokumen
<script> Mendifinisikan client script
<table> Mendefiniskan tabel
<th> Mendefinisikan header sebuah tabel
<td> Mendifinisikan sebuah sel tabel
<tr> Mendefinisikan sebuah baris
<ul> Mendifinisikan daftar dalam bentuk bullet

<li> Mendifinisikan list

Itu adalah beberapa taq HTML yang sering digunakan untuk membuat sebuah website. 

Setelah itu kita akan membahas element sebuah HTML.

Element HTML

Element HTML adalah isi atau sebuah objek yang berada pada taq. Baik dimulai dari taq awal dan taq akhir. Berikut ini adalah element html.

<!DOCTYPE html>

 <html> 
<title>Imam Larh</title> 
 <body> 
 <h1>Ini adalah Heading</h1> 
<p>Ini adalah Paragraf</p> 
<p>Dasar HTML : Pengenalasan Attribute HTML (IMAMLARH)</p>
 </body> 
 </html>

Itu adalah sebuah element HTML yang berisikan taq-taq html seperti <title>, <h1>, dan <p>.

Atribut HTML

Atribut HTML adalah sebuah pelengkap atau tambahan di dalam taq pembuka, atribut biasanya digunakan untuk menambahkan style-style seperti warna, ukuran font, dan lainnya.

Atribut ditulis dengan (name=”value”). Untuk value wajib diapit dengan dua tanda kutip, dan bisa juga menggunakan kutip satu ataupun dua tidak masalah.

Berikut ini contoh penulisan taq dengan ditambah sebuah atribut di dalam element tersebut.

<!DOCTYPE html> 

<html> 
<title>Imam Larh</title> 
 <body> 
 <h1 align=”center”>Ini adalah Heading</h1> 
<p align=”left”>Ini adalah Paragraf</p> 
<p align=”right”>Dasar HTML : Pengenalasan Attribute HTML (IMAMLARH)</p>
 </body> 
</html>

Pada penulisan diatas terdapat <h1 align=”center”> artinya align adalah atribut dan center adalah nilai atau value dari atribut. Bagaimana sudah paham? Kalau belum coba di baca lagi ya.

Untuk taq tidak semuanya membutuhkan atribut didalamnya, tetapi kalau memuat sebuah projek yang besar apalagi membuat website, maka tidak akan lepas dari penggunaan atribut.

Baiklah untuk artikel kali ini cukup sampai disini, dan untuk artikel berikutnya di saya akan membahas “Belajar HTML : Heading Pada HTML”. Jadi nantikan artikel berikutnya ya 🙂

Jika ada yang ingin ditanyakan atau bingung silahkan komentar dibawah ya, Nanti akan saya balas :3

Terima kasih~~

Wassalammualaikum Wr. Wb

Referensi: w3school


Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *