MEMBUAT LAYOUT WEB SEDERHANA MENGGUNAKAN MACROMEDIA DREAMWEAVER 8
MENAMBAHKAN TITLE
Title adalah judul
halaman web. Judul ini berbeda dengan nama HTML yang nanti akan di hasilkan. Berikut
adalah kode untuk membuat title (judul) pada web :
<html>
<head>
<title>Belajar
membuat html </title>
</head>
<body>
</body>
</html>
sehingga akan
menghasilkan tampilan seperti berikut :
MENAMBAHKAN TEKS KE BODY
Setelah kita membuat
webpage,tahap selajutnya kita dapat memasukkan
teks ke halaman web. Teks ini di letakan di antara tag <body> dan
</body>.
<html>
<head>
<title>Belajar
membuat html </title>
</head>
<body>
Teks ini adalah isi
dari halaman web. Dengan menggunakan tag
body, semua apa yang ingin di tampilkan akan terlihat di browser
</body>
</html>
sehingga akan
menghasilkan tampilan seperti berikut :
MENAMBAHKAN GAMBAR
Dengan adanya gambar halaman bisa telihat berwarna,
sehingga tampilannya lebih bagus dan menarik. Berikut adalah format untuk tag
<IMG> untuk memasukkan gambar:
<img src=”…”/>
…. Maksudnya kita cari gambar yang di inginkan di file yang berada di dalam computer
.
<html>
<head>
<title>menambahkan
gambar </title>
</head>
<body><img
src="../../../../../foto/walpaper
desktop/Background/2722922752_545b74f23d.jpg" />
</body>
</html>
sehingga akan
menghasilkan tampilan seperti berikut :
BERPINDAH BARIS
Untuk membuat tampilan
berpindah baris, kita bisa menggunakan break. Dengan menggunakan tag break akan
membuat hasilnya lebih bagus, tidak seperti <pre>.
Apa perbedaan antara
break dengan pre pada pembuatan paragraph????
Pemindahan baris dengan
menggunakan break tidak memberikan jarak dengan bawahnya. Jadi dengan break
tulisan teks masih dianggap satu paragraph.
Berikut ini contoh
sebelum menggunakan break:
<title>sebelum
break</title>
</head>
<body><h1>puisi
cinta</h1>
<p>Namun karena
aku ingin menjagamu dan menjaga diriku sendiri dari khalwat yang
menjebak</p>
<p>aku
mencintaimu dengan menjaga diriku dan dirimu</p>
<p>menjaga
kesucianku dan kesucianmu,</p>
<p>menjaga
kehormatanku dan kehormatanmu</p>
<p>menjaga
kebeningan hatiku dan hatimu</p>
</body>
</html>
sehingga akan
menghasilkan tampilan seperti berikut :
SETELAH MENGGUNAKAN BREAK
<title>Setelah
break</title>
</head
<body><h1>puisi
cinta</h1>
<p>Namun karena
aku ingin menjagamu dan menjaga diriku sendiri dari khalwat yang
menjebak</br>
aku mencintaimu dengan
menjaga diriku dan dirimu</p>
<p>menjaga
kesucianku dan kesucianmu,</br>
menjaga kehormatanku
dan kehormatanmu</p>
<p>menjaga
kebeningan hatiku dan hatimu</p>
</body>
</html>
</body>
</html>
sehingga akan
menghasilkan tampilan seperti berikut :
Tidak ada komentar:
Posting Komentar