Tuesday 11 December 2012

Logical Formatting and Hyperlink



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