HTML - Formatting
Berikut di bawah ini merupakan kumpulan TAG yang digunakan untuk memformat tampilan text
<html>
<body><p><b>Text yang di tebalkan</b></p>
<p><strong>Text yang lebih kuat( strong )</strong></p>
<p><big>Text besar</big></p>
<p><em>Text emphasized</em></p>
<p><i>TExt miring</i></p>
<p><small>tulisan yang lebih kecil dariukuran normal</small></p>
<p>Lihat<sub> diatas</sub> dan<sup>dibawah</sup></p>
<h2> format tag pre </h2>
<pre>
Ini Adalah
preformatted text.
Preformat dapat menampilkan antara spasi
dan line breaks.
</pre><p> pre tag sangat digunakan untuk
menampilkan kode :</p>
<pre>
for i = 1 to 10
print i
next i
</pre><h2> komputer output tag </h2>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br /><p><b>Catatan:</b> tag tag diatas
tadi biasanya digunakan untuk menampilkan
kode program.</p>
<h2>Address</h2>
<address>
Ditulis oleh Farid Hidayat<br />
<a href="mailto:FaridHidayat@example.org">Email me</a><br />
Alamat: Pondok Cabe, Tangerang<br />
Phone: +6221 9356 2653
</address><h2>singkatan atau akronim </h2>
<p>The <abbr title="World HealthOrganization">WHO</abbr> was founded in 1948.</p>
<p>Can I get this <acronym
title="as soon as possible">ASAP</acronym>?</p><p>Atribut TITLE digunakan untuk
menampilkan Informasi lengkap mengenai
kepanjangan atau singkatan.</p>
<h2> Text direction</h2>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
<br/>
kalo browser kamu mendukung
<br/>
seharusnya tampilan diatas seperti ini :<b>txet werbeH emos si ereH</b>
<h2> KUTIPAN</h2>
KUTIPAN panjang :
<blockquote>
Ini adalah Kutipan panjang, Ini adalahKutipan panjang, Ini adalah Kutipan panjang,
Ini adalah Kutipan panjang, Ini adalah Kutipan panjang,
Ini adalah Kutipan panjang, Ini adalah Kutipan panjang,
Ini adalah Kutipan panjang.
</blockquote><p><b>Catatan :</b> Browser akan
memasukan spasi putih pada sisi kiri dan kanan.
dan memasukan margin.</p>
KUTIPAN pendek :
<q>Ini adalah KUTIPAN pendek </q><p><b>perlu dicatat juga bahwa
Browser akan KUTIPAN Pendek dengan tanda
PETIK GANDA, namun ini tidak berjalan pada
lingkungan IE( Internet Explorer )</b></p>
<h2> delete dan insert text</h2>
<p>Warna kesukaanku adalah <del>biru</del>
<ins>merah</ins>!</p>
<p>Perlu dicatat bahwa Browser akan mencoret
text yang berada diantara tag delete dan akan
memberi garis bawah text diantara tag ins</p>
</body>
</html>
Hasil :
Text yang di tebalkan
Text yang lebih kuat ( strong )
Text besar
Text emphasized
TExt miring
tulisan yang lebih kecil dari ukuran normal
Lihat diatas dan dibawah
format tag pre
Ini Adalah
preformatted text.
Preformat dapat menampilkan antara spasi
dan line breaks.pre tag sangat digunakan untuk menampilkan kode :
for i = 1 to 10
print i
next ikomputer output tag
Computer code
Keyboard input
Teletype text
Sample text
Computer variableCatatan: tag tag diatas tadi biasanya digunakan untuk menampilkan kode program.
Address
Ditulis oleh Farid Hidayat
Email me
Alamat: Pondok Cabe, Tangerang
Phone: +6221 9356 2653singkatan atau akronim
The WHO was founded in 1948.
Can I get this ASAP?
Atribut TITLE digunakan untuk menampilkan Informasi lengkap mengenai kepanjangan atau singkatan.
Text direction
Here is some Hebrew text
kalo browser kamu mendukung
seharusnya tampilan diatas seperti ini :
txet werbeH emos si ereHKUTIPAN
KUTIPAN panjang :
Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang, Ini adalah Kutipan panjang.Catatan : Browser akan memasukan spasi putih pada sisi kiri dan kanan. dan memasukan margin.
KUTIPAN pendek :Ini adalah KUTIPAN pendekperlu dicatat juga bahwa Browser akan KUTIPAN Pendek dengan tanda PETIK GANDA, namun ini tidak berjalan pada lingkungan IE( Internet Explorer )
delete dan insert text
Warna kesukaanku adalah
birumerah!Perlu dicatat bahwa Browser akan mencoret text yang berada diantara tag delete dan akan memberi garis bawah text diantara tag ins
Postingan
