Tag
Dasar HTML
<html>
<head>
<title>Disini titel
websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di
browser
</body>
</html>
Buka Notepad, lalu copy kode diatas, simpan file tersebut ke C:\My Documents dengan nama "websiteku.html."
Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya
dengan "all files". Kemudian buka browser, dari menu File klik Open dan
tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website
pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Cara
Memberi Text HTML
<html>
<head>
<title>Disini titel
websiteku</title>
</head>
<body>
<font color=”blue” size=”3” face”arial”>Disini
adalah konten yang tampil di browser
</body>
</html>
Background
HTML
Dengan menggunakan latar belakang
(background) maka website kita akan nampak semakin menarik. Untuk memasukkan
latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body
bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang
belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka
dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body
bgcolor="#FFFF00">
<body
bgcolor="rgb(250,250,0)">
<body
bgcolor="yellow">
Hasilnya akan sama. Ikuti link
berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna,
tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang
dengan grafik atau gambar.
Pertama anda harus punya gambar yang
ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan
(copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan
harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama
filenya adalah: background.jpg
<html>
<head></head>
<body
background="background.jpg">
<font
color="blue"><h1 color="red">Selamat datang di
Websiteku</h1></font><hr color="#ff0000"
size="2">
<p><font
face="Verdana" size="4" color="black">Hai...
Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan
harus menyukainya...</font></p>
</body>
</html>
Kemudian latar belakang dapat juga
menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda
harus sedang terhubung ke internet (online) dan harus tahu alamat url dari
gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan
gambar tersebut kemudian pilih properties dan lihat image location, copy alamat
tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body
background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang
belajar membuat latarbelakang dengan menggunakan gambar dari website orang
lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya
website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
Tidak ada komentar:
Posting Komentar