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=”center”>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
Berikan komentarmu agar blog Arsip Ijhall37 dapat lebih baik lagi dan lebih bersemagat dalam berbagi wawasan , namun tetap jaga kesopanan dengan tidak melakukan komentar spam....