wklgr9lUk77oMk94ROdmPxPMIRP2cfDBiNTDThQf

Followers

Dasar HTML

DASAR HTML

Apa Itu HTML

HTML adalah singkatan dari HyperText Markup Language. HTML digunakan untuk mendesain halaman web menggunakan bahasa markup. HTML adalah peraduan antara Hypertext dan bahasa Markup.  Hypertext artinya tautan antara halaman web dan bahasa markup menggambarkan dokumen teks di dalam tag yang mendefinisikan struktur halaman web.

Apa Fungsi HTML?

HTML mempunyai fungsi untuk membuat struktur halaman web yang ditampilkan di World Wide Web atau yang lebih kita kenal sebagai "www". HTML berisi tentang Tag dan Atribut yang difungsikan untuk mendesain halaman web. Selain itu juga, HTML dapat digunakan untuk menautkan banyak halaman menggunakan Hyperlink.


HTML Format Dasar Halaman Web

Struktur dasar halaman HTML diutarakan seperti di bawah ini.  HTML berisi elemen blok bangunan penting (yaitu doctype, HTML, kepala, judul, dan elemen body) di mana semua halaman web dibuat.
struktur dasar html


<DOCTYPE! html> – Doctype artinya instruksi yang memerintahkan browser web tentang bahasa markup di mana halaman saat ini ditulis. Ini bukan elemen atau tag. Deklarasi doctype tidak peka huruf besar-kecil.

<html> – Tag ini berfungsi untuk menentukan elemen root dari dokumen HTML. Tag ini memberi informasi bagi browser bahwa itu adalah dokumen HTML. Ini adalah elemen wadah luar kedua yang berisi semua elemen lain di dalamnya.

<head> – Tag ini berfungsi untuk menentukan bagian kepala (HEAD) dari dokumen HTML yang berisi tentang informasi yang berkaitan dengan dokumen. 
Elemen di dalam tag head tidak terlihat di bagian depan halaman web.

<body> – Tag body berfungsi untuk menyertakan semua konten halaman web yang terlihat. Isi tubuh atau body adalah apa yang akan ditampilkan oleh browser di bagian depan.

Contoh :


Hasilnya 


Contoh 2 : Contoh ini mendeskripsikan tentang cara membuat formulir sederhana dengan menggunakan HTML. Untuk membuat form ini, kita akan memakai tag form dan tag inside form, kita akan memakai beberapa input field dan elemen label untuk menampilkan form.

contoh html


Hasilnya :
contoh html
Klik link ini untuk tulisan tentang pascal




Related Posts
SHARE
Newest Older

Related Posts

Subscribe to get free updates

Post a Comment