Disini saya akan menjelaskan bagaimana cara membuat HTML, kebetulan dulu
saya pernah belajar membuat HTML sewaktu semester 2. Nah kebetulan saya membuat
HTML tentang Makanan Khas dari Jawa Tengah. Tapi pertama-tama saya menjelaskan
pengertian HTML, apa sih HTML itu?
HyperText Markup
Language (HTML) adalah sebuah bahasa
markah yang digunakan untuk membuat sebuah halaman web,
menampilkan berbagai informasi di dalam sebuah penjelajah
web
Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format
ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata
lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam
format ASCII
normal sehingga menjadi halaman
web
dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML
(Standard Generalized Markup Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan
standar Internet
yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium
(W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika
mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika
energi tinggi di Jenewa).
Nah langsung aja deh
saya jelaskan, bagaimana cara membuat HTML.
Ø Langkah – langkah dalam pembuatan HTML yaitu :
1.
Membuat Judul HTML
Untuk membuat judul terlebih dahulu kita harus membuka
notepad dan ketik kode HTML seperti di bawah ini dengan benar.
2.
Membuat Garis pada HTML
Pembuatan garis pada HTML kita harus gunakan kode atau rumus <HR>
3.
Menambahkan musik pada
HTML
Saat menambahkan
musik pada HTML kita harus ketikan kode <embed src = “nama file
lagu.mp3”> pada notepad. Sedangkan
untuk mengukur tinggi lebarnya kotak pemutar musik kita bisa tambahkan kode
<width=”besarnya pixel” height=”besarnya pixel”> yang di inginkan.
4.
Membuat Link pada HTML
Cara membuat Link
pada HTML kita terlebih harus memasukan kode <HR> setelah itu, kita
tambahkan <a href=nama link yang akan di masukkan.html> dan sesuaikan
ukuran yang di inginkan contohnya dapat di lihat di bawah ini.
5.
Menambahkan Gambar atau
Background pada Tampilan HTML
Saat menambahkan
background di notepad harus di tuliskan kode <body background=’nama file
gambar.jpg’> selain .jpg kita juga bisa menggunakan jenis resolusi yang
lainnya seperti png, dll.
Sedangkan untuk menambahkan gambar dalam tampilan menu
makanan di HTML menggunakan <img src=”nama file gambar.png’/> kita juga
dapat mengatur tata letak dan besarnya
gambar yang di inginkan denagn cara menambahkan <H1 align=”letak
gambar”>. Pilhan pada letak gambar seprti Left, Center, dan Right.
Ø Berikut hasil dari notepad dan HTML yang telah di buat :
a.
Pembukaan
Hasilnya :
b. Ayam
Bakar
Hasilnya
:
c. Garang
Asam
Hasilnya
:
d. Sekoteng
Hasilnya
:
e. Wedang
Secang
Hasilnya
:
f. Wingko
Babat
Hasilnya :
Itulah cara - cara
membuat HTML, semoga bermanfaat bagi pembaca blog :)
#Peringatan : Usahakan semua datanya
berada didalam satu folder, misalkan gambar, materi, musik dll. Supaya jika
kita membuat HTML, bisa lebih mudah terdeteksi.
Berikut adalah contoh isi data yang
ada difolder saya. Usahakan nama file gambar dan musiknya harus sama dengan
HTML yang kita buat dinotepad.
0 komentar:
Posting Komentar