You are here
Home > web desain > Berkenalan Dengan HTML Dasar (Bag 2)

Berkenalan Dengan HTML Dasar (Bag 2)

html5 logo

Untuk mempelajari HTML dimulai dari mengenal istilah dan struktur yang menyusun dokumen html tersebut, agar kita dapat mengetahui jenis-jenis penulisan tag dan fungsinya dengan baik.

Pengertian Istilah pada HTML
Tag : merupakan sebuah penanda (kode) penulisan di dalam dokumen html dan biasanya terdapat 2 bagian yaitu tag pembuka dan tag penutup , untuk tag penutup diawali dengan tanda “/” (splash) contoh :
– tag pembuka : <html>
– tag penutup : </html>

Elemen : pada html mengenal istilah elemen yaitu merupakan objek yang berada / diapit di dalam tag HTML, posisi atau letaknya berada diantara <tag pembuka> dan </tag penutup>
Jika masih pusing lihat contoh berikut :
<h3> ini adalah elemen dengan menggunakan header 3 </h3>

Attribut : Atribut berfungsi dalam memberikan informasi tambahan didalam isi elemen HTML, biasanya ditulis pada tag pembuka sebagai contoh misalnya untuk memberikan efek tebal pada tulisan, warna, link,indentasi dan lain-lain.
contohnya seperti ini :
<p style=”font-weight:bold”>Ini adalah contoh attribut dengan memberi efek font tebal </p>
hasil :
Ini adalah contoh attribut dengan memberi efek font tebal

Setelah di atas kita berkenalan dengan istilah dan contoh penggunaan penulisan pada HTML selanjutnya akan di pelajari apa saja struktur yang terdapat di dalamnya.

Struktur Kode HTML
Sebagai contoh kita kembali pada dokumen html yang telah dibuat pada artikel sebelumnya “Berkenalan Dengan HTML Dasar (Bag 1)” yaitu membuat file index.html :

html dan istilahnya
html dan output

Kita akan membahas fungsi dari tag-tag di atas :
<!DOCTYPE html> = ini adalah tipe dokumen html5 yang di deklarasikan pada awal penulisan
<html lang=”en”> = attribut html lang digunakan untuk menyatakan penggunaan bahasa utama pada setiap halaman web, kode “en” pada ISO Code menyatakan bahasa Inggris (English)
<head> = tag head berfungsi untuk menyimpan informasi dari halaman web, yang di dalamnya terdapat tag <title><meta>
<body> = tag body ini berisi halaman konten web yang di tampilkan pada browser
<p> = digunakan untuk membuat paragraf

Penjelasan di atas merupakan pengenalan dasar dalam belajar HTML dan pada sesi berikutnya akan dilengkapi dengan materi penerapan CSS untuk style pada dokumen HTML

Leave a Reply

Top