 |
Assalammu'alaikum,
Apa kabar good people? semoga baik-baik saja deh. :-) hehehe.
Oh iya kali ini E-Weblog mau share cara membuat karakter unik pada teks pada web. Buat para alayers pasti senang banget nulis dengan huruf yang aneh, besar kecil simbol apalah itu. Tapi disini E-Weblog tidak ingin mengajari kawan-kawan menjadi alay melainkan tahu dan berinspirasi. Oke langsung saja kita ke TKP :-)
Cara memformat karakter pada HTML itu ada 2, yaitu Logical Format dan Physical Format.
Logical Format akan menerapkan layout dokumen secara logis dan terstruktur. Tag-tag yang termasuk pada logical format sebagai berikut:
 |
<html>
<head>
<title>Contoh Penggunaan Logical Format</title>
</head>
<body>
<cite>Ir. Soekarno</cite> adalah Presiden pertama republik Indonesia. <br><br>
Untuk menampilkan data array di pemrograman PHP adalah <code>echo "$namaarray[]";</code><br><br>
Saya berkata, "Jangan di pegang <em>nanti rubuh</em>."<br><br>
Untuk mengunjungi wesite amikom, ketikkan pada url <kbd>amikom.ac.id</kbd><br><br>
Pada abjad terdapat 5 huruf vokal, yaitu <samp>AIUEO</samp>.<br><br>
Katakan tidak untuk <strong>Narkoba</strong><br><br>
Kode program tersebut diiterasi sebanyak <var>N</var> kali.<br><br>
<dfn>Ayam adalah hewan berkaki dua.</dfn>
</body>
</html>
Apabila ketika dicek atau dites pada browser maka hasilnya akan seperti ini:
Physical Format adalah format terhadap fisik suatu font. Tag-tag yang termasuk physical format yaitu:
Untuk yang ingin memahami, kalian bisa ketikkan script dibawah ini :
<html>
<head>
<title>Contoh Penggunaan Physical Format</title>
</head>
<body>
<b>Kalimat ini akan dicetak tebal</b><br>
<i>Kalimat ini akan dicetak miring</i><br>
<u>Kalimat ini akan bergaris bawah</u><br>
<strike>Kalimat ini akan bergaris tengah</strike><br>
<tt>Menampilkan huruf seperti huruf mesin ketik.</tt><br>
H<sub>2</sub>O<br>
2<sup>3</sup>=8<br>
</body>
</html>
Oke, sekian dulu yang bisa E-Weblog sharing. Silahkan kalian lebih pahami perbedaan kedua format tersebut agar lebih menguasainya. Jangan lupa tetap kunjungi blog ini ya untuk info lainnya :-)
Wassalammu'alaikum...
Salam NetBie...
Tidak ada komentar:
Posting Komentar