DASAR DASAR BAHASA PEMROGRAMAN HTML
HTML
(HyperText Markup Language) adalah “bahasa” yang digunakan pada untuk membuat
halaman web di internet. HTML memungkinkan untuk menampilkan teks, gambar, link
ke halaman lain, membuat form isian, menyisipkan video, suara, dan lain-lain.
Dokumen HTML sebenarnya hanya berupa file teks
biasa yang dilengkapi dengan tanda-tanda khusus (tag) yang menentukan bagaimana
teks tersebut ditampilkan. Karena itu, dokumen HTML dapat dibuat menggunakan
teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya. Namun
sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front
Page, Macromedia Dreamweaver, Adobe GoLive, dan lain-lain.
Selanjutnya
dapat membuat satu dokumen HTML
sederhana misal dengan menggunakan Macromedia Dreamweaver CS6 sesuai instalasi
sebelumnya dan disimpan (Save as) sebagai Webpage (*.htm, *.html), contoh
dengan nama Hallo.html.
Perintah HTML ditandai dengan:
<html>
….Perintah Program….
</html>
Sisipkan
perintah program diantara <body> ….. </body>, sehingga seperti
perintah progam dibawah ini:
</head>
<body>
<p><strong>Haloooo o...
</strong></p>
<p><strong>Ini Homepage Pertama
Saya</strong></p>
</body>
</html>
Kemudian simpan
dengan nama Hallo.html pada folder.
<html>
<head>
<title>Judul Yang Muncul Pada Title Bar Browser</ title >
</head>
<body>
<h1>Helo World</h1>
Di dalam BODY ditempatkan teks, gambar, link
atau isi dokumen Anda.
</body>
</html>
Kemudian
simpan dengan nama Hallo2.html
*Head,
Body Dan Title
Tag
heading, yang berfungsi untuk memformat heading (hudul/sub judul) dalam sebuah
dokumen. Ada 7 buah heading yang dikenal dalam HTML yaitu <H1> sampai dengan <H7>. Untuk
mengetahui ukuran tiap heading, seperti:
<html>
<head>
<title>Latihan
Heading</ title >
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading
2</h2>
<h3>Heading
3</h3>
<h4>Heading
4</h4>
<h5>Heading 5</h5>
<h6>Heading
6</h6>
<h7>Heading
7</h7>
</body>
</html>
*Paragraf
Untuk
memformat paragraf, bisa menggunakan tag <p>. Selain tag <p> ada
pula tag <br> untuk pindah baris, <hr> untuk membuat garis,
<blockquote> untuk membuat kutipan, <pre> untuk menampilkan text
sama dengan yang dietikkan dalam dokumen HTML.
Hal itu
terjadi karena HTML tidak mengenali tombol Enter sehingga tombol tersebut
diabaikan. Untuk mengatasi hal tersebut maka digunakan tag <pre>
tersebut.
</head>
<body>
<p
align="right"> Tulisan ini rata kanan
<p align="center"> Tulisan ini
akan berada di tengah
<p
align="left"> Tulisan ini
rata kiri
<p
align="left">
Hallo...<br>
Belajar
HTML <br>
*Link
Dalam web,
selalu ada yang dinamakan link, link berfungsi menghubungkan antara satu
halaman dengan halaman lainnya. Untuk link ini HTML menyediakan tag <A>
(Anchor).
<html>
<head>
<title>Belajar LINK</title>
</head>
<body>
<a
name="atas">Bagian ini tanda bagian atas</a> <br>
<a
href="hallo.html">Link ke Hallo (hallo.html)</a><br>
<a
href="hallo2.html">Link ini halaman Hallo2
(hallo2.html)</a><br>
<a href="font.html">Link ini
halaman Font (font.html)</a><br>
<a name="#atas">Link ke tempat
yang ditandai </a><br>
</body>
</head>
Untuk Navigasi Lengkap Silahkan Kunjungi Peta Situs
PASTE KODE IKLANMU DISINI
Posts
