Assalamu'alaikum Wr. Wb
Pada postingan kali
ini, saya akan berbagi ilmu yang telah saya dapatkan dari Perkuliahan
Pemrograman Web. Tentang Dasar-dasar HTML dan membuat web.
Sebelumnya
perlu di ketahui bahwa HTML (hypertext markup language) merupakan suatu format
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman
web. Sedangkan Website (situs web) merupakan alamat URL (Uniform Resource
Locator) yang berfungsi sebagai tempat penyimpanan data dan informasi dengan
topik tertentu. Suatu situs web terdiri atas:
1. Web page (halaman web),
merupakan halaman khusus dari website tertentu yang tersimpan dalam
bentuk file.
2. Homepage (halaman utama)
merupakan halaman pertama atau sampul dari suatu website yang biasanya
digunakan untuk memberikan informasi singkat mengenai isi dari website tersebut
dan siapa pemiliknya.
Website yang ada di internet dikategorikan menjadi:
1. Web
statis, yaitu web berisi/menampilkan informasi-informasi yang sifatnya statis
(tetap).
2. Web
dinamis dan interaktif, merupakan web yang dapat menampilkan informasi
secara dinamis dan up-to-date serta dapat melakukan interaksi dengan
user.
Dalam penulisan tag
HTML tidak bersifat case sensitive, artinya penggunaan huruf kecil ataupun
kapital tidak menjadi masalah. Dalam dokumen HTML, elemen <html>,
<head>, dan <body> harus ada. Sedangkan elemen <title> harus
diletakan di dalam elemen <head>. Berikut ini adalah beberapa scrip dan
fungsinya yang sudah saya dapatkan dan saya pahami :
<html></html> : Jenis dokumen (terdapat pada awal dan
akhir dari file HTML).
<head></head> : Header (Keterangan Umum,
contohnya Judul).
<body></body> : Batang tubuh (Isi dari
halaman HTML).
<title></title> : Judul
(harus selalu terdapat di dalam elemen <head>).
<body bgcolor=#9990066 text=#FFCCFF> : untuk memberi
warna pada latar belakang.
<h1><marquee>Toko Besi RUSTAMAJI JAYA</marquee></h1> : untuk membuat teks
bergerak.
<hr> : Berfungsi untuk menampilkan garis horzontal 3 dimensi, dan
tidak memerlukan </hr>
<h1></h1> : untuk memformat haeding (judul dan sub
judul). Hanya ada 6 buah dari <h1> sampai <h6>.
<ol></ol> : Ordered list digunakan untuk membuat daftar.
Elemen list yaitu : TYPE=[1, a, A, i, I] (default 1)
<li> : Untuk menyatakan tiap bagian dari <ol>.dan tidak di akhiri tag
penutup.
<ul></ul> : Untuk membuat daftar tanpa nomor.
TYPE=[disc, squre, circle] (default disc)
<img src=”nama_file_gambar”> : Untuk menampilkan gambar.
<a href-url-tujuan>width=”450” : Untuk membuat link.
Dan berkut
ini adalah scrip untuk membuat table :
<table></table> : Untuk mengawali Tag dan mengakhiri Tag.
<tr></tr> : Untuk membentuk baris pada suatu table.
<td></td> : Untuk tempat menulis data atau informasi
dalam table.
begini contoh
latihan membuat Web sederhana dengan judul "Toko Besi Rustamaji Jaya" :
<html>
<head>
<title>latihan</title>
</head>
<body bgcolor=#9990066 text=#FFCCFF>
<h1><marquee>Toko Besi RUSTAMAJI JAYA</marquee></h1>
<hr width=50% align=left>
<h1>Toko Kami Menyediakan </h1>
<h2>CAT </h2>
<ol>
<li>avian paint
<li>dulux
<li>paint
<li>Dll.
</ol>
<h2>kuas </h2>
<ol type=A>
<li>kuas luar
<ul>
<li>kuas besar
<li>kuas kecil
<li>kuas sedang
</ol>
<il>kuas dalam
<li>kuas roll
<li>Dll
</ol>
<h2>Peralatan cat </h2>
<ol type=1>
<li>tangga
<li>amplas
<ul type = square>
<li>amplas 70
<li>amplas 50
<li>amplas 100
<li>Dll.
</ul>
<li>berbagai macam paku
<li>Dll.
</ol>
</body>
</html>
Semoga tulisan saya ini bermanfaat untuk kita semua.
Wassalamualaikum Wb. Wb.
Tidak ada komentar:
Posting Komentar