Pengenalan HTML
1. HTML (Hyper Text Markup Languange)
Apa itu HTML?HTML adalah bahasa markup untuk mendeskripsikan dokumen web (halaman web).
- HTML adalah singkatan dari Hyper Text Markup Language
- Sebuah bahasa markup adalah seperangkat tag markup
- Dokumen HTML dijelaskan oleh tag HTML
- Setiap tag HTML menjelaskan isi dokumen yang berbeda
Keterangan :
- Teks <!DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
- Teks antara <html> dan </html> menggambarkan sebuah dokumen sebagai dokumen HTML
- Teks antara <head> dan </head> menggambarkan jangkauan bagian isi kepala dokumen pada coding
- Teks antara <title> dan </title> mendeskripsikan judul untuk dokumen yg muncul pada Tab Browser
- Teks antara <body> dan </body> menggambarkan jangkauan bagian isi halaman pada coding
- Teks antara <h1> dan </h1> menggambarkan Judul dokumen pada halaman web
- Teks antara <p> dan </p> menggambarkan sebuah Paragraf / Isi konten pada halaman web
<!DOCTYPE html> <html> <head> <title>Judul halaman</title> </head> <body> <h1>Judul konten 1</h1> <p>Paragraph 1</p> </body> </html>
apa tuh tulisan yang di atas ???
itu namanya Bahasa/Dokumen HTML, susunan dan bentuk pengetikan nya seperti itu, menggunakanan tag-tag HTML (< ... >).
Diketik lurus kebawah juga gak masalah, yang penting tag nya nggak ketinggalan.
Model penulisan saya ya seperti gitu, saya susun kebawah dengan di tambah spasi pada tag yang berbeda saja, agar tiap tag mudah diteliti dan diperbaiki, jika terjadi error ketika running scripts.
Nah, sekarang gimana cara membuat scripts seperti di atas.
Caranya :
- Buka aplikasi Notepad (terserah mau pake aplikasi teks apa saja)
- lalu ketik scripts di atas (maaf ga bisa di copas, karena klik kanan saya disable hihi :D)
- kemudian di save dengan ekstensi (.html), gausah pake tanda kurung nya
- setelah itu, coba kalian buka file tersebut dengan Browser apapun terserah kalian.
nah disitu kalian bisa lihat tuh bagaimana scpits di atas bekerja, dan menghasilkan sebuah halaman web atau dokumen HTML.
Kalian juga bisa mem-variasi-kan scripts tersebut sesuai keinginan kalian
Gunakan kreatifitas kalian untuk membuat sebuah halaman web yang bagus dan beda.
Sekian postingan dari saya, sampai bertemu kembali di postingan berikutnya.
Jika ada kesulitan, dan ingin bertanaya, silahkan tinggalkan komen di bawah.
Semoga bermanfaat !
Comments
Post a Comment