Hallo
para pembaca sekalian, pernahkah anda melihat sebuah web yang bagus dan menarik
tampilannya? Jika sudah pernah, terpikirkah oleh anda bagaimana cara membuat
web-web seperti itu? Pada kesempatan ini saya akan sedikit membahas dasar-dasar
pembuatan web berbasis HTML.
Seperti
yang kita ketahui, selain dengan HTML, kita juga bisa menggunakan macromedia
dreamweaver, PHP dll. Saya memilih menggunakan HTML dikarenakan kita tidak
perlu menginstal suatu bermacam-macam software tetapi kita hanya menggunakan Notepad
dan sebuah browser entah itu google, mozilla ataupun internet explorer.
Tidak
perlu berlama-lama mari kita mulai dasar-dasar pembuatan web. Dalam HTML kita
bagi menjadi 3 struktur dasar yaitu <html>, <head>, <body> :
<html>
<head>
======>............... diisi
untuk judul pada website
</head>
<body>
======>............... diisi oleh
suatu informasi yang akan ditampilkan
</body>
</html>
Jangan
lupa kesemua struktur dasar tersebut harus diakhiri dengan nama struktur itu
sendiri seperti contoh diatas.
Didalam
HTML terdapat sintaks pengeditan suatu kalimat yaitu:
<h1> : ukuran kalimat paling besar
<h2> : ukuran sedang
<h3> :
ukuran kecil
<p> : untuk membuat paragraf baru
<br> : untuk membuat baris baru
<align =”center”> :
membuat rata tengah, bisa kita ganti left atau right
<font color>
: memberikan warna pada kata
<hr width=....
align=...... size=... color=”...”> :
membuat ukuran,tebal & warna pada garis
<i>,<b>,<u> : untuk memiringkan, menebalkan & garis
bawah kalimat
Patut diingat
semua sintaks diatas harus diakhiri dengan sintaks itu sendiri dan hanya
sintaks yang harus didalam tanda <> sedangkan kalimat / kata tidak.
CONTOH SINTAKS
HTML :
<html>
<head>
<title> My
first Website </title>
<head>
<body>
<br><h1 align="center"><font color="blue">|
Belajar Dasar-Dasar Website |</font></h1>
<hr width=100%
align=center size=5% color="brown">
<h2> HALLLO
SELAMAT DATANG </h2>
<br><b>Ini
adalah contoh cetak tebal</b>
<br><i>Ini
adalah contoh cetak miring</i>
<br><u>Ini
adalah contoh garis bawah</u>
<h3><u>BIODATA</u></h3>
<p>
Nama : Agus Sulaiman
<br>Kelas :
2KA22
<br>NPM : 10112400 </p>
</body>
</html>
Ketikkan sintaks
diatas ke Notepad setelah itu simpan dengan nama file.html, kita menambahkan .html
bertujuan agar browser dapat membaca file tersebut. Setelah selesai cari
dokumen yang telah kita buat lalu klik, maka tampilan akan seperti berikut :
Demikian, sedikit
bahasan yang dapat saya berikan kurang lebihnya mohon dimaaafkan... SEMANGAT
NGODING hehe
Tidak ada komentar:
Posting Komentar