FORMAT
KARAKTER
HTML dapat mengatur browser untuk
menampilkan teks dalam bentuk cetak tebal, miring, bergaris bawah atau
kombinasi diantaranya. HTML menyediakan banyak elemen untuk memformat teks.
Elemen-elemen tersebut dikelompokan dalam dua bagian, yaitu Logical Formatting untuk memformat teks
menurut isi atau kandungan teks, dan Physical
Formatting intuk memformat teks secara karakteristik fisik teks.
Logical
Formatting
Adalah jenis format yang menggolongkan
teks dari isi atau fungsi teks tersebut.
<EM>
… </EM>
Digunakan
untuk memberikan penekanan pada suatu kata atau kalimat
<STRONG>
… </STRONG>
Menyatakan
penekanan yang kuat pada suatu kata atau kalimat
<CITE>
… </CITE>
Untuk
menampilkan suatu citation.
<DFN>
… </DFN>
Digunakan
untuk menandai suatu istilah
<CODE>
… </CODE>
Digunakan
untuk menampilkan suatu contoh kode program secara logikal
<SAMP>
… </SAMP>
Elemen
sample untuk menyatakan sekumpulan karakter-karakter literal
<VAR>
… </VAR>
Untuk
menyatakan suatu variable
<!--
… -->
Teks
dalam elemen ini dinyatakan sebagai komentar dan tidak ditampilkan dalam
browser.
Contoh Logical Formating :
|
<HTML>
<HEAD>
<TITLE> Logical Formating
</TITLE>
</HEAD>
<BODY>
<em>Text Here</em> <br>
<strong>Text Here</strong>
<br>
<cite>Text Here</cite> <br>
<dfn>Text Here</dfn> <br>
<code>Text Here</code> <br>
<samp>Text Here</samp> <br>
<var>Text Here</var> <br>
<!-- Text Here -->
</BODY>
</HTML>
|
Hasilnya :
Physical
Formating
Adalah suatu jenis format yang
diberikan pada teks tanpa tergantung jenis dari elemen dasar teks tersebut.
<B>
… </B>
Untuk
menebalkan teks
<I>
… </I>
Untuk
membuat teks tampak miring
<U>
… </U>
Memberi
garis bawah teks
<STRIKE>
… </STRIKE>
Membuat
efek coretan pada teks
<S>
… </S>
Membuat
efek coretan pada teks
<BLINK>
… </BLINK>
Membuat
teks tampil kedip
<TT>
… </TT>
Menampilkan
font dalam type typewriter
<BIG>
… </BIG>
Untuk
memperbesar teks
<SMALL>
… </SMALL>
Untuk
memperkecil teks
<SUB>
… </SUB>
Untuk
membuat teks subscript
<SUP
… </SUP>
Untuk
membuat teks superscript
<MARQUEE>
… </MARQUEE>
Memberi
efek berjalan pada teks
|
<HTML>
<HEAD>
<TITLE> Physical Formating
</TITLE>
</HEAD>
<BODY>
<b>Text Here</b> <br>
<i>Text Here</i> <br>
<u>Text Here</u> <br>
<strike>Text Here</strike>
<br>
<s>Text Here</s> <br>
<blink>Text Here</blink>
<br>
<tt>Text Here</tt> <br>
<big>Text Here</big> <br>
<small>Text Here</small>
<br>
<sub>Text Here</sub> <br>
<sup>Text Here</sup> <br>
<marquee>Text Here</marquee>
<br>
</BODY>
</HTML>
|
Hasilnya :
Semoga bermanfaat buat sobat blogger.....
Tidak ada komentar:
Posting Komentar