Belajar Basic HTML (Hypertext Markup Languange)
Apa
itu HTML
HTML(Hyper
Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang
dituliskan dalam sebuah file yang dimaksudkan untuk menampilkanhalaman pada web
browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web
dengan lengkap kepada pengguna. Tag-tag
HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x
tag HTML seperti b, i, u dan sebagainya. Apa Saja
Yang Dibutuhkan?
Untuk
mempelajari HTML ini anda hanya memerlukan:
Text
Editor (Notepad, vi, emacs, dsb)
·
Web
Browser (Internet Explorer, Opera, FireFox, dsb)
Hanya
dengan bermodalkan dua software bawaan Windows itu saja anda sudah dapat
membuat website. Namun Notepad memiliki kekurangan yaitu tidak memiliki syntax
highlighting (pewarnaan kode) sehingga relatif cukup menyulitkan.
Untuk itu
saya merekomendasikan pada anda untuk menggunakan Text Editor yang memiliki kelebihan
memiliki banyak macam syntax highlighting mulai dari HTML, PHP, JAVA dan masih
banyak lagi.
Struktur dasar HTML
<HTML>
<HEAD>
<TITLE>Judul Halaman Web</TITLE>
</HAD>
<BODY>
Isi Web
</BODY>
</HTML>
Keterangan
:
•
<html>
</html> : mendefinisikan bahwa teks yang berada diantara kedua tag
tersebut adalah file HTML.
•
<head>
</head> : mendefinisikan head dalam sebuah file HTML.
•
<title>
</title> : mendefinisikan judul yang hendak ditampilkan pada browser.
•
<body> </body>
: mendefinisikan teks
beserta formatnya yang
hendak ditampilkan sebagai
isi halaman web.
HEAD, TITLE DAN BODY
Head
dan Title
Head
dalam dokumen HTML berisi title atau judul dari dokumen yang dibuat. Artinya
apabila menggunakan Head dalam suatu dokumen maka dokumen yang menyertai
perintah tersebut, akan ditampilkan dibagian atas layar browser pada saat
dokumen dieksekusi. Penulisan Head harus dikombinasikan dengan Title karena
jika Head berdiri sendiri tidak akan berdampak apa-apa pada dokumen walaupun
mengandung komponen Head.
Contoh :
<HTML>
<HEAD>
<TITLE>Bio’s Production</TITLE>
</HEAD>
</HTML>
Simpan
dengan nama title.html
Body
Komponen
body bisa dikombinasikan dengan komponen lainnya, contoh :
<HTML>
<HEAD>
<TITLE>Bio’s Production</TITLE>
</HEAD>
<BODY>
Production House "Pembuatan Company
Profile"
</BODY>
</HTML>
Simpan
dengan nama body.html
Ingin belajar lebih lanjut tentang Cara Membuat Headng, Break, Paragraf dan Style Dokumen silahkan klik disini.
Ingin belajar lebih lanjut tentang Cara Membuat Headng, Break, Paragraf dan Style Dokumen silahkan klik disini.
0 Comments