Selasa, 05 Januari 2016
HTML Dasar
HTML (Hypertext Markup Language)
merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.
Untuk belajar
HTML dasar
sebaiknya Anda ketikkan di Notepad.
Bentuk umum:
<html>
<head>
<title> Letakkan judul
situs di sini </title>
</head>
<body>
Ini halaman situs Anda. Letakkan perintah-perintah HTML di
sini.
Ini halaman situs Anda. Letakkan perintah-perintah HTML di
sini. Ini halaman situs Anda. Letakkan perintah-perintah HTML di sini.
</body>
</html>
Berikut beberapa perintah HTML dan fungsinya:
|
Tag
|
Atribut/Contoh penulisan
|
Fungsi
|
|
<body>
|
<body bgcolor=”red”>
<body bgcolor=”#FF0000”>
text=” ... “ link=”
...” vlink=”...” alink=”...”
<body background=”D:\Gambar.jpg”>
|
Backgorund halaman berwarna merah
Memberi warna pada teks
Warna link
Warna link yang sudah dikunjungi
Warna link yang aktif
Memberi background gambar
pada halaman
|
|
<a> ... </a>
|
<a href=”D:\home.html”>Home</a>
<a
<a
>here</a> to email
me!
|
Membuat hyperlink/link
|
|
<img>
|
<img src="person.jpg"
width="50" height="50" border="0" alt="Person"
align="left">
|
Memasukkan gambar dengan
nama file gambar person.jpg, lebar 50px, tinggi 50px, border 0,
rata kiri, dan jika gambar tidak
muncul akan keluar
teks Person
|
|
|
<img src=”C:\ Documents\My
Pictures\Sample Pictures\Sunset.jpg>
|
|
|
<font>... /font>
|
<FONT size="2" color="#FFFF00"
face="arial">...</font>
|
Mengatur font dengan ukuran 2,
warna kuning, jenis huruf Arial
|
|
<BIG>...</BIG>
|
<BIG>Contoh </BIG>
|
Membuat teks Contoh menjadi
lebih besar
|
|
<SMALL>...</SMALL>
|
<SMALL> Contoh</SMALL>
|
Membuat teks Contoh menjadi
lebih kecil
|
|
<b>...</b>
|
Teks bold/dicetak lebih tebal
|
|
|
<i>…</i>
|
Teks italic/miring
|
|
|
<strike>...</strike>
|
Teks tercoret
|
|
|
<u>...</u>
|
Teks underlined
|
|
|
<h1>...</h1>
|
Teks heading 1. Tingkat heading
bisa sampai
tingkat 6. Semakin besar
tingkar heading, maka teks aka dicetak semakin kecil
|
|
|
<hr>
|
<hr width=”600”>
<hr align=”center”
size=”5”
width=”80%”
|
Garis dengan lebar 600. Tag <hr>
tidak perlu ditutup
Garis dengan tinggi
5,
lebar 80% dari lebar
layar browser dan rata
tengah
|
|
<p align=”center’>
...
</p>
|
Paragraf rata tengah. Perintah ini
juga dapat ditulis dengan tag
<center>...</center>
|
|
|
<br>
|
Tag untuk ganti baris
|
Tag <br> tidak perlu ditutup
|
|
<sup>...</sup>
|
Teks superscript
|
|
|
<sub>...</sub>
|
Teks subscript
|
|
|
<marquee> ....
</marquee>
|
Teks berjalan. Memiliki
atribut direction, behavior
dan lain-lain.
Contoh:
<marquee direction=”right”>
....</marquee>
<marquee behavior=”alternate”>
... </marquee>
|
|
