Pengantar HTML

! !
" #$ " # % &

$ & ##
!' () $ " # &
*! +!#! $ + # ! + ! !' (
, # ' !* - +
! !! ! " # !
# + #! " #
$ ! + # !
. # + # + #! ! !
/ 0+ /$ # 0 ! +!! /$'' !0
+!! + 1 + # 2
3
45 .6 + " #
!
# +! 7 45 .
!" # " # ! # ! ! #
## # ! /890
#! #45 . !! ! # # ! ! " #
/8 90 ! !! # /8: 90 7 #" # ! !!! #
!' + ! # + !!!/8 :90 3
$ #!
/:0 /906
' !#; !# # + ! ! ! #
# + + ! #! !
<element attribut=”value”>
< = #
$ ! =+ # #
> = !! !
#!' 3 45 .6
&! !# + #/8 "
90 ! ! ! / #' 0 #
- /" 0 ! ! + !' ! !!
<body bgcolor=”yellow”>
"= # " 45 .
#' = ! #/ "
0
- = !! ! / #' 0
? + ! # + ## ( ( '!
! " /8% *@90 /8 " 90 ' + ! ! + !'
' ! ! #! !!# # + #
+ ! 45 . ! "$ ## ( '!
! " #
45 . ! ! # #/8 90 ! !! #
/8: 90 ' # ! 45 . !! ! #!
" ! #! + #!
% #! + ! ! # # /8 98: 90 " #
( #! #! # *! /8 90 08: 90 +
+ #" ! #/8! 98:! 90 #! # & #
/8 : 90 #! 3 # #
! " !
+! '!3 6 #!"6 # #!
! ! # # /8 " 98: " 90 " # !!
!( !" # ! +!
45 . + !! + ' ! !!
Kepala
Dokumen
Tubuh
Dokumen
$ %&
' ( )*( '%
! !! ! & 45 . #!
" # !
& " 45 . !! ! #! " !
+ #! + !! ! #
& #
5# & ( #! #! # #& '
7 & $ !## #! & +
#/8! 9 8:! 90 #!' &
! " # $ !!
+ (
!( $ + ! & + # ! "
<title> Profil Fakultas </title>
# #/8 :
90 + + ! " #! !
<meta name=” jenis metadata” content=”isi metadata” />
$# !& ! ! ! # ; # #! !
+ # +
! + #; #45 . ! !!
<html>
<head>
<title>Latihan: Contoh 1</title>
<meta name=”description” content=”latihan membuat dokumen web HTML” />
<meta name=”keyword” content=”latihan, HTML” />
</head>
<body>
Ini adalah halaman website pertamaku
</body>
</html>
!+ ! ! ! # '
! +!! ! ! !
" #
&! ! +!! $ %& + ' ! !
(
! " #$ ! " /' 03 + + !6 +
! ' A! $ ! "!+ 3 6
(
! & !(! 45 . $ ! !' <B+
+ (! 45 . + !+ # ! !!
! (
! " # $ !## !" # ! +! +
! ! + !+ # ! !!
#! " #$ ! + ! !! $ ! + !
!( !" #$ !+ #! + ' !&
% #! " #$ + ! # & !"
!! !! ! !!( !+ + ! #
% #! + ( #! + ( " ! !
+ ' ! + !1 # @ $ -! 45 . " #
$ 3 " 45 . !+ ! ! !
) - CC
C6
! ; ! & " !+ ! (
!
45 . $ # ' #! ! # "
! $ ' !"+ <B+
D
$ %+
' ( ($
! %(% (*,( (
#! $ ! ! " +
! " # ( #! #!& " ! & # !
+ !!+ # ( ! " 7 & +
#" # !
# /8 90 ! !/8: 90 5 #
!! !! !- +! # - E
7 !& " ! $ ' ! ! !!+ +
<html>
<head>
</head>
<body>
<h1>Ini adalah halaman website pertamaku</h1>
</body>
</html>
! $ (
! ! ! ! !
<B+ !" ! + !!!
E
$ %-
' ( ($
! % '. '% (* . /. 0
* ! + # (
# #/8+98:+90 $# !& ! $ (
!
! + + ! ! !!
<html>
<head>
</head>
<body>
<h2>Logika dan Bahasa</h2>
<p>Dalam filsafat Yunani, kata Logos senantiasa mengetengahkan dan memuat
idea tentang identitas dasariah antara tindakan berbicara dengan tindakan
berpikir. Tata bahasa dan logika dimengerti sebagai dua cabang pengetahuan
dengan satu bahan kajian. Bahkan para logikawan modern, dengan sistem yang
sangat menyimpang dari logika klasik Aristotelian, tetap berpendapat sama.
John Stuart Mill, bapak "logika induktif", berpendapat bahwa tata bahasa
adalah bagian paling elementer dalam logika, karena tata bahasa merupakan
permulaan analisis atas proses berpikir. Menurut Mill, prinsip-prinsip dan
kaidah-kaidah tata bahasa merupakan alat yang menghubungkan bentuk-bentuk
bahasa dengan bentuk-bentuk umum pikiran.</p>
</body>
</html>
4 !" + + + !# ! !!
$ %1
'%/ (. . /. 0
' ) #/8+98:
+90 +! ! # +!
!! $ &# ! # + # ( # '
! + # $ ! " # ! / !#0 # !!
- " # + $ " ! /' 0 /& !(
"0 / (0 / !
# 0
!( ! ! / ! # 0 !!&# #8 9 + !8 E9
! $ ' ! ! !!+ +
<html>
<head>
</head>
<body>
<h3>Paragraf Dengan Align Center</h3>
<p align="center">Dalam filsafat Yunani, kata Logos senantiasa
mengetengahkan dan memuat idea tentang identitas dasariah antara tindakan
berbicara dengan tindakan berpikir. Tata bahasa dan logika dimengerti
sebagai dua cabang pengetahuan dengan satu bahan kajian. ...</p>
<h3>Paragraf Dengan Align Justify</h3>
<p align="justify">Dalam filsafat Yunani, kata Logos senantiasa
<h3>Paragraf Dengan Align Left</h3>
<p align="left">Dalam filsafat Yunani, kata Logos senantiasa
<h3>Paragraf Dengan Align Right</h3>
<p align="right">Dalam filsafat Yunani, kata Logos senantiasa
</body>
</html>
4 !" + + + !# ! !!
F
G
$ %2
' ( ($
! % '.( 0 .
$ " $ &# + " ! + ( ! "

( + ! ( & ( #!" 7
! ( $ + ##&! # "! #/8 9
8: 90 #/8 98: 90
5 #/8 98: 90 ! # ! ( " #$ !
(
! " ' # #/8 98: 90 !
# ! ! "
( ! ? + ! # + !! !!
*( 5
<ol>
<li>Kesatu</li>
<li>Kedua</li>
<li>Ketiga</li>
</ol>
*( 5 5
<ul>
<li>Satu</li>
<li>Dua</li>
<li>Tiga</li>
</ul>
#! " #$ ! # !!!+ "!

; ## #/8!98:!
90 !+ ( " $# !&
! $ ! !' !
<html>
<head>
</head>
<body>
<h3>Tulisan Berupa Daftar</h3>
<p>Ini adalah contoh daftar tersusun</p>
<ol>
<li>Kesatu</li>
<li>Kedua</li>
<li>Ketiga</li>
</ol>
<p>Ini adalah contoh daftar tak tersusun</p>
<ul>
<li>Kesatu</li>
<li>Kedua</li>
<li>Ketiga</li>
</ul>
</body>
</html>
4 !"$ ! + !!!
$ %3
'% $* %/ .
A! $ !#! +! # + 45 . #
#/8! #:
90 # + + ! #! !
<img src=”sumber file” alt=”keterangan” />
'= (
!# " # $ +! ! " /( &
+#0
= # ## ! " / !( #! & # ! + 0
$# !& ! $ ' + + + !! !!
<html>
<head>
</head>
<body>
<h3>Menampilkan Gambar</h3>
<p>Ini adalah contoh gambar Kujang Padjadjaran:</p>
<img src="kujang1.jpg" alt="Contoh Gambar Kujang" /> <img
src="kujang2.jpg" alt="Contoh Gambar Kujang" /> <img src="kujang3.jpg"
alt="Contoh Gambar Kujang" />
</body>
</html>
4 !" + !!!
$ %4
'%/ (. $ % (.(0
'
) <B+ +! ! !
# (!!! (" # ! " $ + +
+! ( ! # $ 3
&! (" "
"6 7 # (# #/8( 98:
( 90 # +
+ ! #! !
<font color=”warna huruf” size=”ukuran huruf” face=”definisi jenis huruf”>

</font>
' = (
!H= (
(' =& ! (
5 # /8( 9 8:
( 09 !! !!!
+ ! # ! " # # #
! " #/8+98: +90 #/8!
98:!
90
" 5 6
' # ! ( #!+ + (" # !
/ ! (0 / ; ! (
0 + (/ !(0 + "! # !
(& !!! + "! & #" # ! # 3 '!6 ? &!
(/ ! (0 "! 5! I 1 #! % $ !J #
+ (/ ; !(0 + "! : # ! " $!
4 -! ' >
#!# 45 .$ !' #!& ! +
!! " #+ !+ ! # &! (" #
$ ! "&! (" # !# ! " 5!
I $! >
? &! (" # ! #
# ! (
!!! (" # & ! ! " /$ ! 4 - ! ' ; !(0 K
/5! I 1 #! !
(0 !' !! &
! &! (
+ ! !+ + 3
" # #! 45 .$ 6
+! (" # "
" 6
7 (! # ' #!! # + !
/ !
H0 $ # " # !
# ! ! +! # # *!
+!#! + + # - ! !" ! ! !L +! # L K
; +! # ;
" 7 6
7 # ( + ! # ' " !
# ' " ' I1% 3
I 1 % 6 ' )
# !E " )! >1$+ " # !! ! J
' ( '! # " # ! -" !- + + !-
! " # I 1 % 3I1%6 ! !
+ '
M ## ! " M '' 3
!! ' " #+ !# " !
# 6
M# ! " M '
#3
BBB6 B !
!! # # ! # ! + ! DD ! "
#3 6
#3
"N"N"N6 ! " # 3NF N N6
#! + ! ! I1% $ !
## # ! (' G E # ! "
! !" M(
(
$# !& ! $ ' + + + !! !!
<html>
<head>
</head>
<body>
<p><font color="#FF0000" size="4" face="Arial, Helvetica, sans-
serif">Dalam filsafat Yunani, kata Logos senantiasa mengetengahkan dan
memuat idea tentang identitas dasariah antara tindakan berbicara dengan
tindakan berpikir. Tata bahasa dan logika dimengerti sebagai dua cabang
pengetahuan dengan satu bahan kajian. Bahkan para logikawan modern, dengan
sistem yang sangat menyimpang dari logika klasik Aristotelian, tetap
berpendapat sama. John Stuart Mill, bapak "logika induktif", berpendapat
bahwa tata bahasa adalah bagian paling elementer dalam logika, karena tata
bahasa merupakan permulaan analisis atas proses berpikir. Menurut Mill,
prinsip-prinsip dan kaidah-kaidah tata bahasa merupakan alat yang
menghubungkan bentuk-bentuk bahasa dengan bentuk-bentuk umum
pikiran.</font></p>
</body>
</html>
4 !" + + + !+ # !!
$ + ! + + + # (! &! ("
& !/$ ! 0 #
# + & " ! $ + ! # ! !& !
! " # + ! ! ! !!
$ %8
' ( 9 '. $
%*
* $ (
! ! ! %! & !
+ ;+ (! +! (! ! (!
# (
!" # ! " !# # 7 ! $
! + # # # !
5 #" # !# + !! #/8 98:90 5 #!! + "!
'!! ! " # # ! 3 6 ! ! !
" # ! # " + ! # "
+ ! #!
!
<a href=”nama file”>Tulisan Hyperlink</a>
(= (
! 45 ." # $ # ! " '
7 !& " ! $ (! 45 ." #$ - #

!#; !# ' F ' G
,! ' F
<html>
<head>
</head>
<body>
<p><a href="contoh9.html">Buka Contoh 9</a></p>
<p><font color="green" size="3" face="Times New Roman, Times, serif">Dalam
filsafat Yunani, kata Logos senantiasa mengetengahkan dan memuat idea
tentang identitas dasariah antara tindakan berbicara dengan tindakan
berpikir. Tata bahasa dan logika dimengerti sebagai dua cabang pengetahuan
dengan satu bahan kajian. Bahkan para logikawan modern, dengan sistem yang
sangat menyimpang dari logika klasik Aristotelian, tetap berpendapat sama.
John Stuart Mill, bapak "logika induktif", berpendapat bahwa tata bahasa
adalah bagian paling elementer dalam logika, karena tata bahasa merupakan
permulaan analisis atas proses berpikir. Menurut Mill, prinsip-prinsip
dan kaidah-kaidah tata bahasa merupakan alat yang menghubungkan bentuk-
bentuk bahasa dengan bentuk-bentuk umum pikiran.</font></p>
</body>
</html>
4 !" + + !!!
D
,! ' G
<html>
<head>
</head>
<body>
<h2><font color="#990000" face="Trebuchet MS">Logika dan
Bahasa</font></h2>
<p><a href="contoh8.html">Buka Contoh 8</a></p>
<ol>
<li><font color="#000099" size="+1" face="Georgia, Times New Roman,
Times, serif">Dalam filsafat Yunani, kata Logos senantiasa mengetengahkan
dan memuat idea tentang identitas dasariah antara tindakan berbicara
dengan tindakan berpikir. </font></li>
Times, serif">Tata bahasa dan logika dimengerti sebagai dua cabang
pengetahuan dengan satu bahan kajian. Bahkan para logikawan modern, dengan
sistem yang sangat menyimpang dari logika klasik Aristotelian, tetap
berpendapat sama. </font></li>
Times, serif">John Stuart Mill, bapak "logika induktif", berpendapat bahwa
tata bahasa adalah bagian paling elementer dalam logika, karena tata
bahasa merupakan permulaan analisis atas proses berpikir. Menurut Mill,
prinsip-prinsip dan kaidah-kaidah tata bahasa merupakan alat yang
menghubungkan bentuk-bentuk bahasa dengan bentuk-bentuk umum
pikiran.</font></li>
</ol>
</body>
</html>
4 !" + + ! ! !!
E
7 #&
! + "+ ! $ ! +
' F ! $ ! ! % ? G A! !
' G % #! + ! " !
' G $ ! ! % ? F $
! ' F
$ %:
' ( '
& ! " #&# !# ! 45 .

5 ! " !# & " #
! + # ! #!' ! !
!!
$
!7 "! %#
# % !
I A
5 ! & + " # !! !
# 5 + !!! ! 45 . ! #
## #/8 98: 90
5# !!! # ! " " ! #/8 98: 90 #/8 98: 90
5 # /8 9 8: 90 # + " !+
" # ! # #/8 98: 90 + "
$# !& ! $ !+ + + !' ! !!
<html>
<head>
</head>
<body>
<h2>Contoh Tabel</h2>
<table>
<tr>
<td>No.</td>
<td>Nama</td>
<td>Alamat</td>
</tr>
<tr>
<td>1</td>
<td>Si Unyil</td>
<td>Bekasi</td>
</tr>
<tr>
<td>2</td>
<td>Pak Ogah</td>
<td>Bogor</td>
</tr>
<tr>
<td>3</td>
<td>Pak Raden</td>
<td>Jakarta</td>
</tr>
</table>
4 !" + + !+ # !
F
$ ! !" #! $ " +
! ! # !" !! " #!" #
! ! ! ! " ! #! # # !
!; ! C
CC #! !! + & ! ! & ! " # ! !!!
' + ! " #+ $ + &! !

• ! = 3!!! # # 6
• ' + !#= & # 3!!! #
# 6
• ' + '!#= & #
! " 3! !! # # 6
• = # ! 3!
!! # # 6
• ' = # ! 3!!! #
6
• !
#= # + !! + + !+
$# !& ! $ ' ! ! !!
<html>
<head>
</head>
<body>
<h2 align="center">Contoh Tabel</h2>
<table width="500" border="1" align="center" cellpadding="5"
cellspacing="0" bordercolor="#000000">
<tr>
<td align="center">No.</td>
<td align="center">Nama</td>
<td align="center">Alamat</td>
</tr>
<tr>
G
<td align="center">1</td>
<td>Si Unyil</td>
<td>Bekasi</td>
</tr>
<tr>
<td>Pak Ogah</td>
<td>Bogor</td>
</tr>
<tr>
<td>Pak Raden</td>
<td>Jakarta</td>
</tr>
</table>
</body>
</html>
4 ! !" ! + + !+ # !!
## ! +!# +! + !+ #
! " &# !
# #! + # # +
! +! " # ## '
! + ! ! !!
%$ <I:. 1 <I7 $4$$
< 7 I < 7 $ $
* 7 < )<%45 .
<5<I$ 1$ .$ @$
* !! ! #+ # !
# 7
!" # !
++ ! + ! ! ! !##
# ! " # +!
* # # " ! " !" #
! +! !! !! " + # !+
!!' + #! + # " # " $ #
! & !+ & !! % &CC
C

Pengantar HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pengantar HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

! !

" #$ " # % &

<title> Profil Fakultas </title>

<meta name=” jenis metadata” content=”isi metadata” />

$ " $ &# + " ! + ( ! "

#! " #$ ! # !!!+ "!

<img src=”sumber file” alt=”keterangan” />

<font color=”warna huruf” size=”ukuran huruf” face=”definisi jenis huruf”>

<a href=”nama file”>Tulisan Hyperlink</a>

7 !& " ! $ (! 45 ." #$ - #

& ! " #&# !# ! 45 .

' + ! " #+ $ + &! !

%$ <I:. 1 <I7 $4$$

Anda mungkin juga menyukai