Desain web
Selamat
Datang Di Blog Yang Sederhana Ini…..
Pada kesempatan kali ini saya akan
membagikan beberapa hasil karya saya pada teman-teman sekalian…
Nah kali ini saya akan membagikan
bagimana cara untuk MEMBUAT HALAMAN
WEB. Lasung saja Perhatikan ulasan berikut !!!
1. HTML
HTML (Hypertext Markup Language)
Merupakan bahasa pemograman web yang di gunakan untuk membuat halaman situs.
Untuk belajar HTML dasar sebaiknya anda ketikan Di notepat.
o Contoh
program dasar HTML
Setelah diketikan,anda simpan
dengan nama latihan.html untuk mengeceknya anda double click file yang anda telah simpan. Sebenarnya anda dapat
menggunakan eksetensi.html,tetapi supaya sama ,maka sebaiknya digunakan
ekstensi.html.
Coba anda ketikan
perintah-perintah HTML berikut ini,kemudian anda jalankan di browser !
·
<BR>
Untuk membuat baris baru gunakan
<br>, spasi lebih dari satu diabaikan.
·
<P></P>
Digunakan untuk membuat
paragraph,jika tanpa tag penutup seperti menggunakan 2 kali<br>
Atribut :
o
Align
Perhatikan
perintah berikut :
Pada perintah diatas
disebut dengan tag, sedangkan align disebut denga atribut.
B.
Browser dan editor
1.
Browser
Browser
merupakan software yang di install di mesin client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan
biasanya Internet Explorer, Netscape Navigator dan masih banyak yang lainya.
2.
Editor
Program yang di gunakan untuk
membuat document HTML, ada banyak HTML editor yang bisa anda gunakan
diantaranya: Ms FrontPage, Dreamweaver, Notepad.
C.
Basic tag HTML
Struktur HTML Document,Document
HTML bisa di bagi mejadi tiga bagian utama:
1. HTML
Setiap document HTML harus di awali
dan di tutup dengan tag HTML <HTML> </HTML>
2. HEAD
Bagian header dari document HTML di
apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag
TITLE yang menampilkan judul dari halaman pada titlenya browser. Header juga
memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu
mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan
pada tag META.
3. BODY
Document body di gunakan untuk
menampilkan text, image link dan semua yang akan di tampilkan pada web page.
D. Basic
HTML Element
1. Block
level element
Block level element yang sering di
gunakan : Heading (H1 sampai H6).
2. Paragraph
(P) list item (LI)
List item di gunakan untuk
mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan
(unordered list).
Ada
dua macam list yang bisa anda tambahkan ke document HTML:
1. Unordered List (Bullet) :
2. Ordered List (Numbering)
E.
Definition
List
Definition
List terdiri diapit oleh tag <DL> … </DL> dan <DT> tag
menentukan definition term serta <DD> tag menentukan definition itu
sendiri.
F.
Horizontal
Rules(HR)
Horizontal Rule tag
digunakan untuk menggambar garis horizontal dalam document HTML.
G.
Pemformatan Page Break
Tag
<BR> di gunakan untuk memulai baris baru pada document HTML, tag ini
fungsinya mirip dengan carriage return.
H.
Font
Dengan tag
<FONT> anda bisa menentukan format tampilan font dalam document HTML
seperti color, size, style dan lainya.
I.
Color
Color
merupakan attribute yang bisa anda tambahkan pada beberapa element seperti
body, font, link dan lainya. Color di bagi dalam tiga ketegori warna primer
yaitu red, green dan blue.
Masing-masing color
didefinisikan dalam dua digit hexadecimal number. #RRGGBB
J.
Alignment
Align
attribute digunakan untuk menentukan perataan object dalam document HTML baik
berupa text, object, image, paragraph, division dan lain-lain.
1. Penggunaan Break
<html>
<title>
sonic production "Production House"
</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 akan mampu menguasai ASP dengan baik dan benar.Karena ASP<br>
juga dibundel dalam HTML
</body>
</html>
2. Penggunaan Element
<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>
3. Penggunaan Heading
<html>
<title>
sonic production "Production House"
</title>
</head>
<body>
<h1>company profile</h1>
<h2>Video shoting</h2>
<h3>photo digital</h3>
<h4>percetakan</h4>
<h5>rias pengantin</h5>
<h6>transfer DVD/VCD</h6>
</body>
</html>
4. Penggunaan Bullet
<html>
Me
<head>
Xp
<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>instalasi dan konfigurasi windows 2000 server
<li>melangkah dengan windows
<li>satu hari bersama windows
</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>
5. Penggunaan Paragraf
<html>
<title>
sonic production "Production House"
</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 akan mampu menguasai 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>
6. penggunaan B,I,U
<html>
<title>
sonic production "Production House"
</title>
</head>
<body>
<b>
ini menggunakan huruf TEbal</b>
<p>
<i>
ini menggunakan huruf miring</i>
<p>
<u>
ini menggunkan huruf digaris bawahi
</u>
<p>
<Strong>
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>
7. Mengatur Table
<html>
Align=center>
<Head>
<Title>
Datacom Lintas bUana
</Title>
</head>
</div>
<body>
<caption> <div align = Center><B>DAFTAR
MAHASISWA UMBO</caption></B></div>
<table>
<Table Border=1 width=75%
<TR>
<TH>NO
<TH>NAMA
<TH>FAKULTAS
<TH><div align=right>JURUSAN
<TH>ALAMAT
</TR>
<TR>
<TD>1.
<TD>Pandu Setya Nugraha
<td>MIPA
<td>Ilmu KOmputer
<td>KOmplek LIPI Cibinong
</tr>
<tr>
<td>2.
<td>Terra Surya KIP
<td>FKIP
<td>Biologi
<td>Sukabumi,Jampangkulon
</tr>
</table>
</body>
</html>
8. Table Border
<html>
<head>
<title>
sonic production
</title>
</head>
<body>
<table>
<table border>
<tr>
<td>kolom pertama
<td>kolom kedua
<td>kolom ketiga
</tr>
<tr>
<td>SATU
<td>DUA
<td>TIGA
</tr>
</table border>
<tabel>
</body>
</html>
9. Warna
<html>
<table BGcolor=yellow>
<tr BGcolor=blue>
<td>No
<td>Nama
<td>Tempat Lahir
<td>Tanggal Lahir
<td>Alamat
</tr><tr bgcolor=orange>
<td>1
<td>Tuntang
<td>Sukabumi
<td>6-6-1962
<td>Cibinong
</tr>
<tr bgcolor=red>
<td>2
<td>Ganjar PJ
<td>Jampang kulon
<td>1-1-1976
<td>Cibinong
</tr>
<tr Bgcolor=cyan>
<td>3
<td>Luly
<td>Cibadak
<td>1-10-1978
<td>Cibadak Sukabumi
</tr>
<tr bgcolor=Magenta>
<td>4
<td>Dwi cahyono
<td>Cibaduyut
<td>9-9-1989
<td>Jakarta Selatan
</tr>
</Table>
</html>
10. Gambar
<html>
<Table Border=1>
<TR>
<TD>NO
<TD>NAMA
<TD>ALAMAT
Magelang
<TD>GAMBAR
</TR>
<TR>
<TD Valign=TOP>01
<TD VALIGN=TOP>NANA
<TD VALIGN=TOP>MAGELANG
<TD VALIGN=TOP>
<Img src="1.jpg" height="100" weidht="100">
</TR>
<TR>
<TD Valign=Top>02
<TD Valign=Top>bumbum
<td Valign=Top>Sanden
<td valign=top>
<Img src="2.jpg" height="100" weidht="100">
</tr>
</Table>
</Html>
11. Gambar2
<html>
Xp akan terbit. D<Table Border=2>
<H2><Font size=+3>Menggunakan Teks dan Gambar<BR></H2>
<image src="1.jpg" height="100" weidht="100" Align=Left Vspace=10> <hspace=10><Font size=-1>
Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.
Dalam waktu dekat buku Microsoft Office i
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
12. Button
<html>
<h3>Menggunakan Tombol Submid dan Reset</h3>
<size=40>
<form method=post action="tampil.asp">
NAMA
<input type=text Name=Nama 1 size=30>
<br>
<value="hapus">
ALAMAT
<input type=text Name=Nama2 size=40>
<br>
KOTA
<input type=text Name=Nama3
<p>
<input type=submit name=Button1
Value="kirim">
<input type=reset name=button2
</form>
</html>
13. Check Box
<html>
<h3>Menggunakan CheckBox
</h3> <p>
<form Method=post action="noactionyet"> Microsoft Certified System Engineer adalah ?
<br>
<input Type=checkbox name=Jawab2 Value="MCP">MCP
<br>
<Input Type=checkbox name=Jawab3
Value="MCDBA">MCDBA <br>
<Input Type=checkbox name=Jawab4
Value="MMOUS">MMOUS <br>
<Input Type=checkbox name=Jawab5
Value="MOUS">MOUS <br>
</form>
</html>
14. Checked
<html>
<h3>RADIO BUTTON dan CHECKED</h3>
<FROM method=Post action="Noactionyet"> Apakah kalian sudah lulus SMP?
<br>
<input type="radio" name="Jawaban" Value="Y">
<input type="radio" name="Jawaban" Value="T">
Tidak
<br>
</form>
</html>
15. Kompon Text
<html>
<form>
<size=30>
<tr>
<h3>MENGENAL KOMPONEN FORM</h3>
<br>
</tr>
<tr>
<size=40>
<td>NAMA
<input type="text" name="nama"size=20">
</tr>
<tr>
<br>
<td>ALAMAT
<input Type="text" name="nama"
</tr>
<tr>
<br>
<td>KETERANGAN
<input Type="text" name="nama"
</tr>
<tr>
<br>
</form>
<html>
16. Membuat Password
<html>
<h3>Ketikkan Password</h3>
<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> Username
<input type=text name=Nama1 Size=30> <br>
Password
<input type=Password name=Nama2 Size=8> <p>
<input type=submit name=Button Value="Login"> </form>
</html>
17. Menggunakan Button
<html>
<h3>Menggunakan Type= BUtton</h3>
<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> NAMA
<input type=text Name=Nama1 size=30> <br>
ALAMAT
<input type=text Name=Nama2 size=40> <br>
KOTA
<input type=text Name=Nama3 size=40> <p>
<input type=submit name=Button1 Value="Kirim"> <input type=reset name=button2 value="hapus"> <input type=Button name=button3 value="Cari"> </form>
</html>
18. Radio Button
<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>
19. Scroll Up dan Down
<html>
<h3>Menggunakan Select, option Select dan Buana Jakarta
<Size=n</h3>
Buku ini diterbitkan oleh
<p>
<select name="PENERBIT" Size=7>
<Option>Fajar Corporation Jakarta
<option>Hayat Raharja
<option>Luly lala
<option>Mahardika
<Option>Salam Kangen
<Option Selected>Datakom Lintas
<Option>Kucar Kacir Bogor
<Option>Angin Ribut Sukabumi
<Option>Maju Mundur Cianjur
<Option>Maju trus bandung
<Option>Mundur bae cianjur
</select>
</html>
20. Select dan Option
<html>
<h3>Menggunakan Select and option</h3>
<h4>Buku ini diterbitkan oleh </h4>
<br>
<select name="PENERBIT">
<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>
21. Text Area
<html>
<h3>Menggunakan Text area atau Memo</h3> <form method=post action=noactionyet> <textarea name=Memo Rows=10 Cols=50> Ketikkan Data Anda dikolom ini!!
</textarea>
</html>
22. Background dengan Image
<html>
<body background="Penguins.jpg">
</html>
23. Background menggunakan warna
<html>
<body text="red"bgcolor="pink"> <H1>SELAMAT DATANG</h1>
</html>
24. Marque
A. ARAH GERAKAN
<Marquee direction="left">Teks bergerak dari kiri ke kanan</Marquee>
<Marquee direction="right">Teks bergerak dari kanan ke kiri</Marquee>
<Marquee direction="up">Teks bergerak dari bawah ke atas</Marquee>
<Marquee direction="down">Teks bergerak dari atas ke bawah</Marquee>
B. JEDA ANTARA SETIAP GERAKAN
<Marquee scrolldelay="40">scrolldelay="40", diabaikan dan didefinisikan dengan nilai 60</Marquee> <Marquee scrolldelay="40" truespeed="true">scrolldelay="40", dengan truespeed="true"</Marquee>
C. KECEPATAN GERAKAN
<Marquee scrollamount="2">Keceptan gerak teks dengan scrollamout="2"</Marquee>
<Marquee scrollamount="6">Kecepatan gerak teks dengan scrollamout="6"</Marquee>
D. LEBAR GERAKAN
<Marquee width="150">Teks bergerak selebar 150px</Marquee>
E. PERILAKU GERAKAN
<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>
F. WARNA LATAR BELAKANG
<Marquee bgcolor="red">Latar belakang teks berwarna red</Marquee>
25. Membuat Garis Horizontal
<html>
<body text="Blue" bgcolor="yellow">
Datakom<br></a>
<h3>
Datakom<br></a>
<div Align=center>
<br></a>
DATAKOM LINTAS BUANA<h3>
<br></a>
<p>
<a href=menu1.html>Buku
<a href=menu2.html>Baru
<a href=menu3.html>Terbitan
<a href=menu4.html>Datakom
</html>
<html>
<body text="Blue" bgcolor="yellow">
Penerbit Buku
<H1>
<marquee>SELAMAT DATANG</marquee></h1>
Datakom Lintas
<center>
<HR>
<h1>
DATAKOM LINTAS JAKARTA</h1>
<hr>
Datakom Lintas Buana adalah Komputer Bermutu
<br>
Buku yang diterbitkan oleh Buana sebagian besar adalah BestSeller
</br>
</html>
26. Membuat Menu dengan Frame
A. Frame
<html>
<Frameset Cols=25%,*>
<Frame src=Menumodifikasi.html Name=F1> <Frame src=Menu1.html Name=F2> </frameset>
</html>
B. menumodifikasi
<html>
<body text="Blue" bgcolor="yellow"> <H3>
<div Align=center>
DATAKOM LINTAS BUANA</H3> <font color="black">
<p>
<a href=menu1.html target=F2>Buku Baru<br></a> <a href=menu2.html target=F2>Akan Terbit<br></a>
<a href=menu3.html target=F2>Sudah Beredar<br></a> <a href=menu4.html target=F2>Distributor<br></a>
<a href=menu5.html target=F2>Buku Terlaris<br></a>
<a href=menu6.html target=F2>KOmputer Untuk Anak<br></a> </html>
27. Membuat Menu sederhana
<html>
Datakom<br></a>
<h3>
Datakom<br></a>
<div Align=center>
<br></a>
<font color="red">DATAKOM LINTAS
<br></a>
BUANA<h3>
Marketing<br></a>
<font color="black">
Keuangan<br></a>
<p>
<a href=pilih1.html>Tentang
<a href=pilih2.html>Redaksi
<a href=pilih3.html>Buku Terbaru
<a href=pilih4.html>Sudah Terbit
<a href=pilih5.html>Divisi
<a href=pilih6.html>Divisi
</html>
Dasar HTML
<html>
<title>
sonic production "Production House"
</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 akan mampu menguasai ASP dengan baik dan benar.Karena ASP<br>
juga dibundel dalam HTML
</body>
</html>
2. Penggunaan Element
<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>
3. Penggunaan Heading
<html>
<title>
sonic production "Production House"
</title>
</head>
<body>
<h1>company profile</h1>
<h2>Video shoting</h2>
<h3>photo digital</h3>
<h4>percetakan</h4>
<h5>rias pengantin</h5>
<h6>transfer DVD/VCD</h6>
</body>
</html>
4. Penggunaan Bullet
<html>
Me
<head>
Xp
<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>instalasi dan konfigurasi windows 2000 server
<li>melangkah dengan windows
<li>satu hari bersama windows
</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>
5. Penggunaan Paragraf
<html>
<title>
sonic production "Production House"
</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 akan mampu menguasai 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>
6. penggunaan B,I,U
<html>
<title>
sonic production "Production House"
</title>
</head>
<body>
<b>
ini menggunakan huruf TEbal</b>
<p>
<i>
ini menggunakan huruf miring</i>
<p>
<u>
ini menggunkan huruf digaris bawahi
</u>
<p>
<Strong>
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>
7. Mengatur Table
<html>
Align=center>
<Head>
<Title>
Datacom Lintas bUana
</Title>
</head>
</div>
<body>
<caption> <div align = Center><B>DAFTAR
MAHASISWA UMBO</caption></B></div>
<table>
<Table Border=1 width=75%
<TR>
<TH>NO
<TH>NAMA
<TH>FAKULTAS
<TH><div align=right>JURUSAN
<TH>ALAMAT
</TR>
<TR>
<TD>1.
<TD>Pandu Setya Nugraha
<td>MIPA
<td>Ilmu KOmputer
<td>KOmplek LIPI Cibinong
</tr>
<tr>
<td>2.
<td>Terra Surya KIP
<td>FKIP
<td>Biologi
<td>Sukabumi,Jampangkulon
</tr>
</table>
</body>
</html>
8. Table Border
<html>
<head>
<title>
sonic production
</title>
</head>
<body>
<table>
<table border>
<tr>
<td>kolom pertama
<td>kolom kedua
<td>kolom ketiga
</tr>
<tr>
<td>SATU
<td>DUA
<td>TIGA
</tr>
</table border>
<tabel>
</body>
</html>
9. Warna
<html>
<table BGcolor=yellow>
<tr BGcolor=blue>
<td>No
<td>Nama
<td>Tempat Lahir
<td>Tanggal Lahir
<td>Alamat
</tr><tr bgcolor=orange>
<td>1
<td>Tuntang
<td>Sukabumi
<td>6-6-1962
<td>Cibinong
</tr>
<tr bgcolor=red>
<td>2
<td>Ganjar PJ
<td>Jampang kulon
<td>1-1-1976
<td>Cibinong
</tr>
<tr Bgcolor=cyan>
<td>3
<td>Luly
<td>Cibadak
<td>1-10-1978
<td>Cibadak Sukabumi
</tr>
<tr bgcolor=Magenta>
<td>4
<td>Dwi cahyono
<td>Cibaduyut
<td>9-9-1989
<td>Jakarta Selatan
</tr>
</Table>
</html>
10. Gambar
<html>
<Table Border=1>
<TR>
<TD>NO
<TD>NAMA
<TD>ALAMAT
Magelang
<TD>GAMBAR
</TR>
<TR>
<TD Valign=TOP>01
<TD VALIGN=TOP>NANA
<TD VALIGN=TOP>MAGELANG
<TD VALIGN=TOP>
<Img src="1.jpg" height="100" weidht="100">
</TR>
<TR>
<TD Valign=Top>02
<TD Valign=Top>bumbum
<td Valign=Top>Sanden
<td valign=top>
<Img src="2.jpg" height="100" weidht="100">
</tr>
</Table>
</Html>
11. Gambar2
<html>
Xp akan terbit. D<Table Border=2>
<H2><Font size=+3>Menggunakan Teks dan Gambar<BR></H2>
<image src="1.jpg" height="100" weidht="100" Align=Left Vspace=10> <hspace=10><Font size=-1>
Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.
Dalam waktu dekat buku Microsoft Office i
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
samping itu juga akan terbit buku Share Point Team Service yang
saya tulis.Dalam waktu dekat buku Microsoft Office Xp akan terbit. Di
12. Button
<html>
<h3>Menggunakan Tombol Submid dan Reset</h3>
<size=40>
<form method=post action="tampil.asp">
NAMA
<input type=text Name=Nama 1 size=30>
<br>
<value="hapus">
ALAMAT
<input type=text Name=Nama2 size=40>
<br>
KOTA
<input type=text Name=Nama3
<p>
<input type=submit name=Button1
Value="kirim">
<input type=reset name=button2
</form>
</html>
13. Check Box
<html>
<h3>Menggunakan CheckBox
</h3> <p>
<form Method=post action="noactionyet"> Microsoft Certified System Engineer adalah ?
<br>
<input Type=checkbox name=Jawab2 Value="MCP">MCP
<br>
<Input Type=checkbox name=Jawab3
Value="MCDBA">MCDBA <br>
<Input Type=checkbox name=Jawab4
Value="MMOUS">MMOUS <br>
<Input Type=checkbox name=Jawab5
Value="MOUS">MOUS <br>
</form>
</html>
14. Checked
<html>
<h3>RADIO BUTTON dan CHECKED</h3>
<FROM method=Post action="Noactionyet"> Apakah kalian sudah lulus SMP?
<br>
<input type="radio" name="Jawaban" Value="Y">
<input type="radio" name="Jawaban" Value="T">
Tidak
<br>
</form>
</html>
15. Kompon Text
<html>
<form>
<size=30>
<tr>
<h3>MENGENAL KOMPONEN FORM</h3>
<br>
</tr>
<tr>
<size=40>
<td>NAMA
<input type="text" name="nama"size=20">
</tr>
<tr>
<br>
<td>ALAMAT
<input Type="text" name="nama"
</tr>
<tr>
<br>
<td>KETERANGAN
<input Type="text" name="nama"
</tr>
<tr>
<br>
</form>
<html>
16. Membuat Password
<html>
<h3>Ketikkan Password</h3>
<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> Username
<input type=text name=Nama1 Size=30> <br>
Password
<input type=Password name=Nama2 Size=8> <p>
<input type=submit name=Button Value="Login"> </form>
</html>
17. Menggunakan Button
<html>
<h3>Menggunakan Type= BUtton</h3>
<form method=post action="http://localhost/E:/SMAN3/WEB/tampil.ASP"> NAMA
<input type=text Name=Nama1 size=30> <br>
ALAMAT
<input type=text Name=Nama2 size=40> <br>
KOTA
<input type=text Name=Nama3 size=40> <p>
<input type=submit name=Button1 Value="Kirim"> <input type=reset name=button2 value="hapus"> <input type=Button name=button3 value="Cari"> </form>
</html>
18. Radio Button
<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>
19. Scroll Up dan Down
<html>
<h3>Menggunakan Select, option Select dan Buana Jakarta
<Size=n</h3>
Buku ini diterbitkan oleh
<p>
<select name="PENERBIT" Size=7>
<Option>Fajar Corporation Jakarta
<option>Hayat Raharja
<option>Luly lala
<option>Mahardika
<Option>Salam Kangen
<Option Selected>Datakom Lintas
<Option>Kucar Kacir Bogor
<Option>Angin Ribut Sukabumi
<Option>Maju Mundur Cianjur
<Option>Maju trus bandung
<Option>Mundur bae cianjur
</select>
</html>
20. Select dan Option
<html>
<h3>Menggunakan Select and option</h3>
<h4>Buku ini diterbitkan oleh </h4>
<br>
<select name="PENERBIT">
<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>
21. Text Area
<html>
<h3>Menggunakan Text area atau Memo</h3> <form method=post action=noactionyet> <textarea name=Memo Rows=10 Cols=50> Ketikkan Data Anda dikolom ini!!
</textarea>
</html>
22. Background dengan Image
<html>
<body background="Penguins.jpg">
</html>
23. Background menggunakan warna
<html>
<body text="red"bgcolor="pink"> <H1>SELAMAT DATANG</h1>
</html>
24. Marque
A. ARAH GERAKAN
<Marquee direction="left">Teks bergerak dari kiri ke kanan</Marquee>
<Marquee direction="right">Teks bergerak dari kanan ke kiri</Marquee>
<Marquee direction="up">Teks bergerak dari bawah ke atas</Marquee>
<Marquee direction="down">Teks bergerak dari atas ke bawah</Marquee>
B. JEDA ANTARA SETIAP GERAKAN
<Marquee scrolldelay="40">scrolldelay="40", diabaikan dan didefinisikan dengan nilai 60</Marquee> <Marquee scrolldelay="40" truespeed="true">scrolldelay="40", dengan truespeed="true"</Marquee>
C. KECEPATAN GERAKAN
<Marquee scrollamount="2">Keceptan gerak teks dengan scrollamout="2"</Marquee>
<Marquee scrollamount="6">Kecepatan gerak teks dengan scrollamout="6"</Marquee>
D. LEBAR GERAKAN
<Marquee width="150">Teks bergerak selebar 150px</Marquee>
E. PERILAKU GERAKAN
<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>
F. WARNA LATAR BELAKANG
<Marquee bgcolor="red">Latar belakang teks berwarna red</Marquee>
25. Membuat Garis Horizontal
<html>
<body text="Blue" bgcolor="yellow">
Datakom<br></a>
<h3>
Datakom<br></a>
<div Align=center>
<br></a>
DATAKOM LINTAS BUANA<h3>
<br></a>
<p>
<a href=menu1.html>Buku
<a href=menu2.html>Baru
<a href=menu3.html>Terbitan
<a href=menu4.html>Datakom
</html>
<html>
<body text="Blue" bgcolor="yellow">
Penerbit Buku
<H1>
<marquee>SELAMAT DATANG</marquee></h1>
Datakom Lintas
<center>
<HR>
<h1>
DATAKOM LINTAS JAKARTA</h1>
<hr>
Datakom Lintas Buana adalah Komputer Bermutu
<br>
Buku yang diterbitkan oleh Buana sebagian besar adalah BestSeller
</br>
</html>
26. Membuat Menu dengan Frame
A. Frame
<html>
<Frameset Cols=25%,*>
<Frame src=Menumodifikasi.html Name=F1> <Frame src=Menu1.html Name=F2> </frameset>
</html>
B. menumodifikasi
<html>
<body text="Blue" bgcolor="yellow"> <H3>
<div Align=center>
DATAKOM LINTAS BUANA</H3> <font color="black">
<p>
<a href=menu1.html target=F2>Buku Baru<br></a> <a href=menu2.html target=F2>Akan Terbit<br></a>
<a href=menu3.html target=F2>Sudah Beredar<br></a> <a href=menu4.html target=F2>Distributor<br></a>
<a href=menu5.html target=F2>Buku Terlaris<br></a>
<a href=menu6.html target=F2>KOmputer Untuk Anak<br></a> </html>
27. Membuat Menu sederhana
<html>
Datakom<br></a>
<h3>
Datakom<br></a>
<div Align=center>
<br></a>
<font color="red">DATAKOM LINTAS
<br></a>
BUANA<h3>
Marketing<br></a>
<font color="black">
Keuangan<br></a>
<p>
<a href=pilih1.html>Tentang
<a href=pilih2.html>Redaksi
<a href=pilih3.html>Buku Terbaru
<a href=pilih4.html>Sudah Terbit
<a href=pilih5.html>Divisi
<a href=pilih6.html>Divisi
</html>
Komentar
Posting Komentar