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