Logical Formatting
Tag
|
Description
|
<EM> ... </EM>
|
Text miring / <I>
|
<STRONG> ... </STRONG>
|
Text tebal / <B>
|
<INS> ... </INS>
|
Underline text / <U>
|
<DEL> ... </DEL>
|
Mencoret text / <STRIKE>
|
Quotes / Indenatasi
Untuk membuat indentasi paragraph kita bisa menggunakan
BLOCKQUOTE, untuk indentasi pendek anda bisa gunakan element Q.
Contoh:
BLOCKQUOTE untuk indentasi pendek anda bisa gunakan
element Q
<blockquote> Color merupakan attribute yang kita
anda tambahkan pada beberapa element seperti body, font, link dan lainya
</blockquote>
Preformatted text
Tag PRE di gunakan untuk
menampilkan text sesuai dengan format aslinya.
Contoh:
<pre>
Internet merupkan jaringan global yang menghubungkan
suatu network dengan network lainya di seluruh dunia melalui TCP/IP menjadi
protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia
untuk dapat berkomunikasi tanpa batas Negara dan Benua.
</pre>
Grouping element
Tag DIV dan SPAN di gunakan untuk mengelompokkan
element-element HTML. Span digunakan untuk mendefinisikan inline content
sementara <div> digunakan untuk block-level content.
Contoh:
<div>
Divisi 1
<p>
Div tag digunakan untuk mengelompokkan group element
biasanya untuk block-level element
</p>
</div>
<div align="right">
Divisi 2
<p>
Ini didalam devisi kedua. di tulis dengan alignment kanan
</p>
</div>
Hyperlink
Link ke Dokumen Lain
Misalkan ada dua dokumen html link1.htm dan link2.htm untuk
membuat link dari link1.htm ke link2.htm :
Contoh :
Link1.htm:
<html>
<head>
<title>Using Link</title>
</head>
<body>
<center>
<font size="5"
color=green>Creating Link </font>
</center>
<br />
<a href="link2.htm">
Click here to view document 2</a>
<br />
</body>
</html>
Link2.htm
<html>
<head>
<title>Document 2</title>
</head>
<body>
<center>
<font size="5" color=blue>Creating
link </font>
</center><br />
<a href="link1.htm"> back to
document 1</a></br />
</body>
</html>
Link ke Section tertentu dalam Dokumen
Untuk membuat link ke section tertentu dalam satu dokumen
gunakan property name untuk membuat nama tujuan dari link.
Syntax name anchor:
<A NAME =”nama”>Topic name</A>
untuk membuat link ke name :
<A HREF=”#nama”>menuju ke Topic name</A>
contoh:
link3.htm
<html>
<head>
<title>Anchor Name</title>
</head>
<body>
<strong>setting up web server</strong>
<p> <pre>
Internet merupkan jaringan global yang menghubungkan
suatu network dengan network lainya di seluruh dunia melalui TCP/IP menjadi
protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia
untuk dapat berkomunikasi ,tukar menukar berbagai macam jenis informasi, dan
data tanpa batas Negara dan Benua. .<a href="#WWW"> WWW (World
Wide Web) </a> Dalam dunia internet kita sering mendengar kata WWW
(World Wide Web) yang mempunyai definisi adalah salah satu fasilitas
dimana kita dapat saling bertukar informasi di internet.<b><a
name="WWW"> WWW (World Wide Web)</a></b> Banyak
orang berpendapat bahwa WWW adalah dunianya sedang internet adalah jaringannya
. Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer
networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
</pre>
</body>
</html>
No comments:
Post a Comment