Modul Internet N Html - Repository UNIKOM
! "# ! $ % " & '( "# ! )* # + % $ , % " - , % " , "# ! % " , $ " % , , "# ! " ++ , . # , / % " . . ! . 0 $ . 0 $ 0 1 . , "# " . . "# . / "- " ! " . 2 "- " !
! " #
$ % $ % & #
'(#)
- #
" +,-. $ % /
/
1 / " 2 / 3/2 /4 /2 / /
3
4
- ,5, /2 /
6 /2 / /2 /
7 2 3 2 4
- "
8 ! 3*8 !4
- "
8 ) / 3*8)/4
- "
- ,.9
- "
& ; ; ;
< ;;;
3 4 * 3' ( < (
4 (
3
4 ' !
0< = > " " ; #
# : # :
# : :
# ) /
8
8 = ?
"@ A " / #
/ * /
! * ( B
& ( > 8 ; ?
1 ?
5
- 5 ; ?
.
1 D ?
1
D , B
! "!""""
- 9 ? /
/ /
! /
1
# $
,
%
- &
- 9
- 0<
- 0<
1
' # ' (
0< # ! 0<
) * & + , )
: :
- - ( -
: . 0<
- + .
0<
!"
: * 0<
' # ' (
0< :
: $ %
#
E
8 7 7:: 7::
7::
3 4 * <
/ :
1
3
4
$
: !
7
- 3
4 < 3
4
3
4
3
4 = #(
8 < +A!
- &
/
/
- 5
" / /
1 F
7
- / 6 : / / : / 3 " 4
& # " !
- 1
! / F / /
/ /
- .
$
< 3
4
- 7
! +
1
3
4
- D
/ / : & 1 < /
- ,
1
7
3
4
- 3
2 *
4 :
- 3
3
24
4
- 3
5 , 25 ,
4
- 3
2
4
3
4
- "
)
2
- 3
2
- $
7 *
1
2
1 +
9
2 #
/ /
- #
- /
# 26 &
1 /
3 6 &
24
! /
$ $ &
- /
7
- 1
# 2#
1
3 4 2#
&
1
7 7 # #
2
3
$ ' &##
! / / / /
7
- 1
# 2#
# /
6
1
2
5
2
.
$ (
! :
- * /
- / /
24
)
1
D
' )* +
'(#) '(#)
3
4 '(#)
3
8 4
3 ' 9 *
' , )* +
'(#) '(#) 1
'(#) > '(#) G E
'(#) * <HTML> <HEAD> ……………………………… </HEAD> <BODY> ………………………………… </BODY> </HTML>
8
7 A
3
4
7 <HTML> <HEAD> <TITLE> Web Sederhana </TITLE> </HEAD> <BODY> Ini halaman web pertama saya </BODY> </HTML>
- * 3 7 ,
H H
3
,
' - ) &,
! ' '(#)
'(#)
I I
7
- #
- #
- #
- #
7
- ( J( ()0H
7 J( ()0H 6 J:( ()0H
- ( J!/ 0H *2)
7
- ( J#0(/H
- 2)
- J#0(/H
7 /(2 !*( E*>A
1 !
1
J#0(/H
59 % 6 *2) 2 :2
7 J#0(/ '(( 0P* GK% % 8=>(0>(K%59% *2)K% %H $
# 8=>(0>( #
'(( 0P* G # >/#0 #
'(#) ( J#0(/H
9 /(2 !*( E*>A
'(#) "
7 B %H J) >1 20)K% % '20EK% %H J) >1 20)K% <% '20EK% < %H J) >1 20)K% % '20EK% %H
7 J) >1 20GK% % '20EK%
8
7 J) >1 LM20G 20)NK% %O '20EK%*2)%H
20G # '(#) (F 0 #
'20E # *2) 20) #
1
J'(#)H J'0/ H J( ()0H A = * / 8 " ; J:( ()0H J#0(/ >/#0K%1 % 8=>(0>(K%F A / 2 ; !
%H J#0(/ >/#0K% % 8=>(0>(K%/ ) A * / 8 " ;/2%H J:'0/ H
- ' -.,/
! != F '(#) != F J!= FH J:!= FH
/
7
# + )/ &/ -
/) >1 # !/81A2=*> # *2) !A8=)=2 # !A 2= 02( 0 6 $E C0 % )0E(#/2A > ! ) >1 # (0C( # (= #/2A > #
G) >1 #
8
7 <HTML> <HEAD> <TITLE> Penggunaan BODY </TITLE> </HEAD> <BODY BGCOLOR=”Silver” TEXT=”Blue” ALINK=#000000 VLINK=#FF0000 LINK=”Green”> ini adalah contoh penggunaan body ini adalah sebuah <A HREF=””> link </A> </BODY> </HTML>
( ;
;#+ # 6#
! Q999999 # QD99999 A Q99D999 = " QD9D999 > " Q9999D9
QD999D9 ( Q99D9D9 A QD9D9D9
" Q898989
2 QEE9999 ) Q99EE99 F QEEEE99 ! Q9999EE E QEE99EE /R Q99EEEE ; QEEEEEE
8
7 <HTML> <HEAD> <!66 ini adalah bagian head </HEAD> <BODY BGCOLOR=#FF0000 > <!66 warna background adalah merah 66> </BODY> </HTML>
' '
1 J/ 20 *
- H
8
7 <HTML> <HEAD> <TITLE> Penggunaan Address </TITLE> </HEAD> <BODY> Selamat datang di web amatir <ADDRESS> Dokumen ini di rancang oleh Ferry Gustiawan <BR> Pada tanggal 13 Sept 2005 </ADDRESS> </BODY> </HTML>
&
' ( % , )* +
'(#) (
7 ♦
( J!2H ( J:!2H
♦ ( J H ( J: H
♦ ( J'2H ?
/
7
# + )/ &/ -
/) A> # " > )0E( 2 A'( 80>(02
; (' ) > < T0 #
8
7 <HTML> <HEAD> <TITLE> Format Dokumen HTML </TITLE> </HEAD> <BODY> Ini Web coba6coba saya <BR> Nama saya Ferry <P> Saya belajar web di UNSRI Jl. Mayor Salim Batubara, Bukit Besar <P> Hobbi saya travelling, olahraga dan komputer <HR> Terima kasih <HR> <H1> Bab I HTML </H1> ini adalah isi bab 1 <H2> 1.1 subbab HTML </H2> ini adalah isi subbab 1.1 <H3> 1.1.1 Sub6subbab HTML </H3> ini adalah isi sub subbab 1.1.1 </BODY> </HTML>
5 ♦
( J 20H '(#) J 20H J H J!2H
8
7 <HTML> <HEAD> <TITLE> Web Sederhana </TITLE> </HEAD> <BODY> <PRE> Tampilan ini sma dengan tampilan di teks editor.
Klasemen Team Main Menang Seri Kalah ============================================== Team A
3
2
1 Team B
3
2
1 Team c
3
1
1
1 ============================================== kode program : For I = 1 to 10
For J = 1 to 5 A(I,J)=I*J
Next Next </BODY> </HTML>
. ♦
( J80>(02H (
8
7 <HTML> <HEAD> <TITLE> Web Sederhana </TITLE> </HEAD> <BODY> <Center> Teks ini rata tengah </CENTER> </BODY> </HTML>
♦ ( J*)H J=)H
) ( 3 4 / =2 020 3=)4 *>=2 020 3*)4
D 8 +7
J'(#)H J'0/ H J( ()0H= ) J:( ()0H J:'0/ H J!= FH
1 J*)H J) H J) H J) H J) H J) H J:*)H J:!= FH J:'(#)H
8
7 J'(#)H
, J) H J) H
J:=)H
J:!= FH J:'(#)H
♦ ( J/82=>F#H
8
7 J H J H J H J: H J: H J H J KU UH J: H J H!
&9
' 0 %
E '(#)
7 ) E
- E •
( J!)=81P*=(0H
- ( JE=>(H
- 1
1
- 6 &
) (
7 J8 (0H
38
4 J8= 0H
8
&+
8
7 J'(#)H J'0/ H J( ()0H ) E J:( ()0H J:'0/ H J!= FH J8 (0H ( J:8 (0H J!2HJ!2H
1
8
7 J8= 0H 3$' ; S%4@J:8= 0H J!2HJ!2H $ J0#H J:0#H % J!2H J!2H
J1! H : J:1! H J!2H J!2H * " J /# H/0 *=J: /# H J!2H J!2H -
' J (2=>AH6 SJ: (2=>AH J!2H J!2H
1 JG/2H>J:G/2H J!2H J!2H J E>H( J: E>H J:!= FH J:'(#)H
&
&
(
7 J!H J H J*H J((H J (2 10H ? J! AH J #/))H J *!H J * H
8
7 <HTML> <HEAD> <TITLE> Memformat Karakter </TITLE> </HEAD> <BODY> <B> kalimat ini akan dicetak tebal. </B><BR> <I> kalimat ini akan dicetak miring </I><BR> <U> kalima ini akan bergaris bawah </U><BR> <STRIKE> kalimat ini akan bergaris tengah </STRIKE> </BODY> </HTML>
&
8)6: 4</: ('
(
8
7 <HTML> <HEAD> <TITLE> Penggunaan Blockquote </TITLE> </HEAD> <BODY> <PRE> Definisi Sistem menurut Steven B Shop adalah : <BLOCKQUOTE>Sistem adalah kumpulan dari komponen6komponen yang saling bekerjasama untuk mencapai suatu tujuan. </BLOCKQUOTE> </BODY> </HTML>
&& <TITLE> Memformat Font </TITLE> </HEAD> <BODY> <PRE> <FONT FACE=”Arial” SIZE=1 COLOR=#FF0080> Jenis font ini adalah Arial,berwarna biru,ukurannya 1 </FONT> <FONT FACE=”Monotype Corsiva” SIZE=5 COLOR=BLUE> Jenis font ini adalah Arial,berwarna biru,ukurannya 5 </FONT> </BODY> </HTML>
4
4
1 '(#)
&Auml; Ä capital A, diæresis/umlaut &oacute; ó small o, acute accent &auml; ä small a, diæresis/umlaut &Ocirc; Ô capital O, circumflex &Aring; Å capital A, ring &ocirc; ô small o, circumflex &aring; å small a, ring &Otilde; Õ capital O, tilde &AElig; Æ capital AE ligature &otilde; õ small o, tilde &aelig; æ small ae ligature &Ouml; Ö capital O, diæresis/umlaut &Ccedil; Ç capital C, cedilla &ouml; ö small o, diæresis/umlaut &ccedil; ç small c, cedilla &Oslash; Ø capital O, slash &Egrave; È capital E, grave accent &oslash; ø small o, slash &egrave; è small e, grave accent &Ugrave; Ù capital U, grave accent &Eacute; É capital E, acute accent &ugrave; ù small u, grave accent &eacute; é small e, acute accent &Uacute; Ú capital U, acute accent &Ecirc; Ê capital E, circumflex &uacute; ú small u, acute accent &ecirc; ê small e, circumflex &Ucirc; Û capital U, circumflex &Euml; Ë capital E, diæresis/umlaut &ucirc; û small u, circumflex &euml; ë small e, diæresis/umlaut &Uuml; Ü capital U, diæresis/umlaut &Igrave; Ì capital I, grave accent &uuml; ü small u, diæresis/umlaut &igrave; ì small i, grave accent &Yacute; Ý capital Y, acute accent &Iacute; Í capital I, acute accent &yacute; ý small y, acute accent &iacute; í small i, acute accent &THORN; Þ capital Thorn, Icelandic &Icirc; Î capital I, circumflex &thorn; þ small thorn, Icelandic &icirc; î small i, circumflex &szlig; ß small sharp s, German sz &Iuml; Ï capital I, diæresis/umlaut &yuml; ÿ small y, diæresis/umlaut
&&
&#160; &nbsp; non6breaking space &#177; &plusmn; ± plus6or6minus sign &#161; &iexcl; ¡ inverted exclamation mark &#178; &sup2; ² superscript two &#162; &cent; ¢ cent sign &#179; &sup3; ³ superscript three &#163; &pound; £ pound sign &#180; &acute; ´ acute accent &#164; &curren; ¤ general currency sign &#181; &micro; — micro sign
&#165; &yen; ¥ yen sign &#182; &para; ¶ pilcrow (paragraph sign)
&#166; &brvbar; ¦ broken (vertical) bar&#183; &middot; middle dot &#167; &sect; § section sign &#184; &cedil; ¸ cedilla &#168; &uml; ¨ umlaut/dieresis &#185; &sup1; ¹ superscript one &#169; &copy; © copyright sign &#186; &ordm; º ordinal indicator, male &#170; &ordf; ª ordinal indicator, fem &#187; &raquo; » angle quotation mark, right &#171; &laquo; « angle quotation mark, left &#188; &frac14; ¼ fraction one6quarter &#172; &not; ¬ not sign &#189; &frac12; ½ fraction one6half &#173; &shy; soft hyphen &#190; &frac34; ¾ fraction three6quarters &#174; &reg; ® registered sign
&#191; &iquest; ¿ inverted question mark &#175; &macr; ‾ macron &#215; &times; × multiply sign &#176; &deg; ° degree sign &#247; &div; ÷ division sign ' 1
2
'(#) E
7 A E 6 0A 8C >A ;#E E A E 6 0A
- J #AH
&-
8
7 <HTML> <HEAD> <TITLE> Menambah Gambar </TITLE> </HEAD> <BODY> <IMG SRC=”c:\windows\bubbles.bmp” ALT=”Gambar Gelembung” ALIGN=Middle> Gambar ini terdapat pada windows 98 secara default, anda boleh menggantinya. </BODY> </HTML>
' 3 + 4
6
6
6
'(#) /
J/H ( J/H '20E >/#0 / '20E
>/#0
8
7 <HTML> <HEAD> <TITLE> Penggunaan Link </TITLE> </HEAD> <BODY> <A HREF=”http://www.yahoo.com”> klik disini </A> untuk menuju situs yahoo.com. <BR> atau dapat juga mengklik gambar ini : <A HREF=”http://www.yahoo.com”> <IMG SRC=”c:\windows\tintin.jpg” ALT=”www.yahoo.com”></A> <BR><BR> </BODY> </HTML>
&5
- ' 5
'(#)
7 ( J(/!)0H
7 ( J(2H
7 ( J('H
7 ( J( H
7
8
7 <HTML> <HEAD> <TITLE> Menggunakan Tabel </TITLE> </HEAD> <BODY> <TABLE BORDER> <TR>
<TH> Kolom 1 </TH>
&. <TR>
<TD> Baris 2 kolom 1 </TD> <TD> Baris 2 kolom 2 </TD> <TD> Baris 2 kolom 3 </TD>
</TR> </TABLE> </BODY> </HTML>
/ J(/!)0H
7
# + )/ 4( (+# -#
/) A> ? !/81A2=*> # !A8=)=2 # !=2 02 # !=2 028=)=2 # !=2 028=)=2) A'( # !=2 028=)=2 /21 #
&D J( H
7
# + )/ 4( (+# -#
/) A> ? !/81A2=*> # !A8=)=2 # !=2 02 # !=2 028=)=2 # !=2 028=)=2) A'( # !=2 028=)=2 /21 # 8=) /> # '0 A'( # >=;2/ # 2=; /> # G/) A> # "
'
- "
- 7
- ( JE=2#H
- ( J(0C(/20/H
- ( J 0)08(H
- ( J > *(H
"
8&:+ '
( JE=2#H (
#0('= /8( =>
# + )/ 4( (+# -#
#0('= * /8( => * *2)
8 (= #+(#'
( J(0C(/20/H (
7
&,
8
7 J'(#)H J'0/ H J( ()0H( < / J:( ()0H J:'0/ H J!= FH JE=2#H J(0C(/20/ >/#0K + 2=; K+9 8=) K&9H ( < J:(0C(/20/H J:E=2#H J:!= FH J:'(#)H
8 (6( '
( J 0)08(H (
7
- 9
J 0)08(H J= ( =>H ( J= ( =>H G/)*0
0)08(0 ( J= ( =>H
J:= ( =>H
8
7 J'(#)H J'0/ H J( ()0H 0)08(J:( ()0H J:'0/ H J!= FH ! /
7 JE=2#H J 0)08( >/#0K% %H
J= ( => 0)08(0 G/)*0K%+5 #!%H+5 #! J= ( => G/)*0K% #!%H #! J= ( => G/)*0K%5& #!%H5& #! J= ( => G/)*0K%+ D #!%H+ D #! J= ( => G/)*0K%+ D %H) + D #!
J: 0)08(H J:E=2#H J:!= FH J:'(#)H
8 / '
( J > *(H (
(
7
# + )/ 4( (+# -#
>/#0 # / T0 #
#/C)0>Ắ #
- G/)*0
<
- 8'0810 ' < # (F 0 #
2
(
7 ( <
V 8 ! <
- 2
- 2
8
7 J'(#)H J'0/ H J( ()0H! E J:( ()0H J:'0/ H J!= FH JE=2#H J 20H
/
7 >
7J > *( (F 0K < >/#0K < H
JS >/#0
H
6
1
7 J > *( (F 0K >/#0K G/)*0K H ) J > *( (F 0K >/#0K G/)*0K H J'2H J > *( (F 0K G/)*0K H J > *( (F 0K2 G/)*0K H J:E=2#H J:!= FH J:'(#)H
'
'(#) E >
( JE2/#0 0(H
7
# + )/ 4( (+# -#
2=; #
3
4 8=) # "
3
4 !=2 028=)=2 #
2=; 8=) * #
7
- JE2/#0 0( 2=; K%+99 &9 &99%H
- JE2/#0 0( 8=) K% 9W &9W 9W%H
- JE2/#0 0( 2=; K% V V V%H
<
8 #
$V V V% +X X+K& Y :& Z Y ( JE2/#0H
7
# + )/ 4( (+# -#
28 # '(#) #/2A >'0 A'( #
< #/2A >; (' #
< 82=)) >A #
> F0 >= /*(=
- &
8
7 J H J H J HE
1 J: H J: H J K U UH J +HE
1 J: +H J: H J: H
7 J H J: H J HE
1 J: H J H J K U UH J +HE
1 J: +H J: H J: H
7 J H J H J H8 E J: H J: H J K 9W VUH J KU UH J KU UH J: H J: H
7