SEKILAS
TENTANG HTML
HTML
adalah singkatan dari Hypertekxt Markup
Language , Fungsi HTML di dalam sebuah dokumen web adalah untuk mengatur
struktur tampilan halaman web lain yang ada di internet. Biasanya dokumen HTML
disimpan dalam ekstensi .html. HTML disebut dengan markup language karena HTML
berfungsi untuk memperindah file tulisan (text) biasa untuk dapat dilihat
dilihat pada sebuah web browser.
Untuk
membuat HTML, anda cukup menggunakan notepad,walaupun sebenarnya banyak sekali
software-software yang memudahkan kita dalam membuat dokumen HTML.
Sintax dasar HTML
Berikut ini adalah struktur dasar HTML
Tulislah contoh berikut menggunakan
notepad kemudian simpanlah dalam format .html
<html>
<head>
<title>ini
HTML</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
Jika dibuka menggunakan sebuah browser
maka akan tampak seperti gambar dibawah ini :
Manipulasi text
Disini saya akan memberi contoh dengan
berbagai teks yang sudah dimanipulasi sama seperti contoh diatas , gunakan
notepad untuk menuliskan sintax berikut ini, dan simpan dengan ekstensi .html
<html>
<head>
<title>ini
HTML</title>
</head>
<body>
<b>Huruf tebal atau
bold</b> <br>
<i>Huruf miring atau
italic</i> <br>
<u>garis bawah atau
underline</u> <br>
<font color=”green”>ini warna
hijau</font> <br>
<font color=”blue”>ini warna
biru</font> <br>
<font color=”brown”>ini warna
coklat</font> <br>
</body>
</html>
Jika dibuka menggunakan sebuah browser
maka akan tampak seperti gambar dibawah ini :
Pengaturan paragraf
Untuk mengatur sebuah paragraf, gunakan
sintax berikut
<html>
<head>
<title>mengatur
paragraf</title>
</head>
<body>
<p
align=”conter”>tulisan ini posisinya rata tengah</p>
<p
align=”left”>tulisan ini posisinya rata kiri</p>
<p
align=”right”>tulisan ini posisinya rata kanan</p>
<p
align=”justify”>tulisan ini posisinya rata kiri dan rata kanan</p>
</body>
</html>
Jika dibuka menggunakan sebuah browser
maka akan tampak seperti gambar dibawah ini :
Hyperlink
Hyperlink atau link adalah sambungan
yang akan menghubungkan suatu web dengan web lainnya di internet. Sebagai
contoh, kita akan membuat link yang akan menuju ke halaman utama google, maka
perhatikan contoh di bawah ini.
<html>
<head>
<title>membuat
link</title>
</head>
<body>
Kliklah
tulisan ini untuk pergi ke <a href=http://www.google.co.id/>halaman utama
google</a>/ terimakasih
</body>
</html>
Jika dibuka menggunakan sebuah browser
maka akan tampak seperti gambar dibawah ini :
Images
Untuk memunculkan gambar pada halaman
web,kita hanya tinggal menambahkan sintax HTML berikut.
<img src=”terget_atau_url
gambar”>
Contoh
<html>
<head>
<title>gambar</title>
</head>
<body>
<img
src=”PIRAMIDA.jpg”>
</body>
</html>
Dalam body kata PIRAMIDA.jpg ini adalah
nama gambar yang mau dimasukan
Tidak ada komentar:
Posting Komentar