Membuat Website dengan menggunakan HTML A. Pengenalan HTML HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. (Untuk praktikum ini akan menggunakan Notepad) B. Pengenalan kode HTML <HTML> </HTML> Masing-masing baris diatas disebut tag. Tag adalah kode yang digunakan untuk me-mark up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu diketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML, bahkan bisa berakibat dokumen HTML tidak bisa ditampilkan dalam browser. Format dokumen HTML: <html> <!– untuk menyatakan suatu dokumen HTML --> <head> <!-- memberikan informasi mengenai dokumen HTML > <!-- tag-tag: TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE dan META > </head> <body> <!-- menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML > </body> </html> 1. Penggunaan komentar Format: <! -- > Fungsi: Memberi nama aplikasi Mendeskripsikan tujuan pengkodean tertentu di dalam file
18
Embed
Membuat Website dengan menggunakan HTML - dinus.ac.iddinus.ac.id/repository/docs/ajar/Pengenalan_HTML.pdf · B. Pengenalan kode HTML Masing-masing baris
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Membuat Website dengan menggunakan HTML
A. Pengenalan HTML
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk
menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII
(file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk
menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat
dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari
Notepad hingga MS Word.
(Untuk praktikum ini akan menggunakan Notepad)
B. Pengenalan kode HTML
<HTML>
</HTML>
Masing-masing baris diatas disebut tag. Tag adalah kode yang digunakan untuk me-mark up
(memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.
Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai
dengan tanda slash (garis miring) di depan awal tulisannya.
Tag memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari
dokumen HTML. Perlu diketahui bahwa tag-tag html dapat ditulis dengan huruf besar
ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja
hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu
karakter akan berpengaruh terhadap dokumen HTML, bahkan bisa berakibat dokumen
HTML tidak bisa ditampilkan dalam browser.
Format dokumen HTML:
<html>
<!– untuk menyatakan suatu dokumen HTML -->
<head>
<!-- memberikan informasi mengenai dokumen HTML >
<!-- tag-tag: TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE dan META >
</head>
<body>
<!-- menyimpan informasi atau data yang akan ditampilkan dalam dokumen
HTML >
</body>
</html>
1. Penggunaan komentar
Format: <! -- >
Fungsi:
Memberi nama aplikasi
Mendeskripsikan tujuan pengkodean tertentu di dalam file
Memberi nama pengarang
Memberi tanggal pembuatan
Memberi nomer versi
Memberi informasi hak cipta
2. Tag body
Format: <BODY></BODY>
Pada bagian ini dapat berisikan perintah-perintah untuk menampilkan text, gambar, suara
dan lain-lain.
Script:
<html>
<head>
<title>judul yang ditampilkan pada title bar web browser</title>
</head>
<body>
pada bagian ini dapat berisikan perintah-perintah untuk menampilkan : Text, gambar,
suara dan lain-lain.
</body>
</html>
Tulis program sederhana diatas menggunakan notepad dan simpanlah dengan meng-klik
menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak
panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah
itu, isilah kotak File name dengan nama file misalnya: coba1.htm. Jangan lupa
penambahan ekstensi .htm dibelakang nama file. Klik tombol Save maka file akan
tersimpan sebagai dokumen web.
Tutuplah program notepad dan bukalah browser (InternetExplorer). Klik menu File lalu
Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file