Assalamualaikum
Bissmillah Hirahmanirahim
Pembahasan kali ini adalah lanjutan dari materi Praktikum Pemodelan dan Simulasi pada pertemuan sebelumnya. Praktikum kali ini membahas mengenai pembuatan list pada suatu website/memberikan penomoran pada website. Untuk lebih jelasnya bisa lihat gambar berikut.
Tampilan Hasil Compile HTML
Untuk membuat website seperti diatas cukup mengikuti script dibawah ini. (Script dapat diketik menggunakan notepad atau software untuk membuat website lainnya, seperti dreamweaver):
<html>
<head>
<! Bagian kepala dari dokumen HTML>
<title>Membuat Halaman Web Sendiri</title>
</head>
<body bgcolor=cyan>
<font color = "white" font face= "comic sans ms">
<h3 align=center >MEMBUAT HOME PAGE DENGAN HTML</h3>
</font>
<! Isi dari dokumen HTML>
<b><i><u>
Membuat sebuah halaman home page bukanlah suatu hal yang sulit dan rumit. </b></i></u>
Hanya dengan menggunakan suatu program editor teks (seperti notepad), dan sebuah browser(IE Explorer, mozilla atau opera) yang sudah tersedia bahkan dapat diunduh dari internet.
<p>Hal terpenting yang perlu diketahui adalah cara untuk membuat beberapa elemen HTML, seperti paragraf, tabel, list (daftar), format teks, teks hyperlink dan elemen lainnya yang akan digunakan sebagai simulasi.</p>
<hr size="3">
<pre>Performatted text membuat tesks terlihat seperti apa yg diketikan. Kalimat ini terletak pada baris baru yang dibuat dengan peenkanan tombol Enter. Perhatikan ... bahwa kita dapat memberikan spasi sebanyak yang kita suka</pre>
<hr size="3">
<blockquote>
Blockquote akan memformat teks kedalam format suatu kutipan teks dengan identasi dikiri dan kanan,margin seperti terlihat pada contoh ini
</blockquote>
<hr size="3">
<center><h1>Format Teks</h1>
<b>Teks Tebal</b><br>
<i>Teks Miring</i><br>
<u>Teks Bergaris Bawah</u>
<h2><font color="blue"> < FONT > </font></h2>
<h3><font color="red">Ukuran Font</font></h3>
<font size=1>Ukuran = 1</font><br>
<font size=2>Ukuran = 2</font><br>
<font size=3>Ukuran = 3</font><br>
<font size=4>Ukuran = 4</font><br>
<font size=5>Ukuran = 5</font><br>
<font size=6>Ukuran = 6</font><br>
<font size=7>Ukuran = 7</font>
<h3><font color="red">Warna Font</font></h3>
<font color=red>Merah</font><br>
<font color=blue>Biru</font><br>
<font color=green>Hijau</font><br>
<h3><font color="red">Jenis Font</font></h3>
<font face="Arial">Arial</font><br>
<font face="Times">Times</font><br>
<font face="Wingdings">Wingdings</font><br>
<h1>Daftar/List</h1>
</center>
<ol>
<li>Daftar Berurut <OL>
<ol type=1>
<li>Bilangan Biasa <OL TYPE=1>
</ol>
<ol type=I>
<li>Bilangan Romawi Besar <OL TYPE=I>
</ol>
<ol type=i>
<li>Bilangan Romawi Kecil <OL TYPE=i>
</ol>
<ol type=A>
<li>Huruf Besar <OL TYPE=A>
</ol>
<ol type=a>
<li>Huruf Kecil <OL TYPE=a>
</ol>
<li>Daftar Tak Berurut <UL>
<ul type=disc>
<li>Cakram</ul>
<ul type=circle>
<li>Lingkaran</ul>
<ul type=square>
<li>Kotak</ul>
<li>Daftar Direktori & Menu <DIR> <MENU>
<dir>
<li>autoexec.bat
<li>config.sys
</dir>
<menu>
<li>File
<li>Edit
</menu>
<li>Daftar Definisi <DL>
<dl>
<dt>DL
<dd>Definition List
<dt>DT
<dd>Definition Term
<dt>DD
<dd>Definition Data
</dl>
</ol>
<hr size=5 width=20%>
<center><img width=200 src = "Sunset.jpg">
<address>
Wisnu Jati Primadana<br>
Jl. Sarangan Raya/No. 6 Perumnas 2<br>
Karawaci - Tanggerang<br>
HandPhone : 085693096966<br>
E-mail : demongpok@gmail.com<br>
</address>
</center>
<hr size=5 width=25%>
</body>
</html>
Langkah selanjutnya, Save file dengan ekstensi .html (ingat jangan .txt). Lalu run/buka/jalankan file ini dengan browser (IE, Mozilla atau Opera).
*Catatan : Oh iya, perlu diketahui bahwa dalam script tersebut kita memanggil file suatu gambar dengan nama Sunset.JPG. Agar gambar tersebut dapat muncul pada halaman website kita, maka satukan file gambar tersebut dengan file hmtl kita.
Selamat Mencoba...
Wassalam.
0 comments:
Post a Comment