Alahamdulillahpada hari ini masih diberi kesempatan untuk menikmati kenikmatan yang telah diberikan Allah SWT, sehingga pada kesempatan ini saya dapat posting kembali tentang belajar HTML.
Pada kesempatan postingan kemaren saya telah membahas tentang Format HTML image, paragraf dan bagaimana cara memasukan link.
Kali ini saya akan belajar membahas tentang Format yang lainnya seperti : Format Text dalam HTML, Preformated dalam HTML, Output Komputer, Address, Abbreviations And Acronyms, Text Direction / Membalik Urutan Huruf
- Format Text dalam HTML
dalam penulisan teks di HTML ada beberapa TAG yang harus digunakan dalam penulisannya, contoh :
Tulisan Huruf Tebal
Tulisan Tebal Format STRONG
This Tulisan Format Big
Tulisan Bentuk Italic / Huruf Miring
Tulisan bentuk format emphasized
kode output komputerIni subscript dan superscript
agar dapat terbentuk tulisan seperti diatas, maka diperlukan Format TAG penulisan sebagai berikut :
<html>
<body>
<p><b>Tulisan Huruf Tebal</b></p>
<p><strong>Tulisan Tebal Format STRONG</strong></p>
<p><big>Tulisan Format Big</big>k</p>
<p><i>Tulisan Bentuk Italic / Huruf Miring</i></p>
<p><em>Tulisan bentuk format emphasized</em></p>
<p><code>kode Output komputer</code></p>
<p>Ini<sub> subscript</sub> dan <sup>superscript</sup></p>
</body>
</html>
- Preformated dalam HTML
Berikut cara mengontrol format spasi dalam Tag HTML
sebagai contoh :
This ispreformatted text.It preserves both spacesand line breaks.The pre tag is good for displaying computer code:for i = 1 to 10print inext iUntuk menampilkan format tulisan seperti pada contoh diatas, maka penulisan format Tag HTML nya sebagai berikut :
<html>
<body>
<pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>
<p>The pre tag is good for displaying computer code:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
- Tag "Output Komputer"
Berikut merupakan contoh bagaimana cara menampilkan "output komputer" dengan Tag yang berbeda :
Contoh
Computer code Keyboard input
Teletype text
Sample text
Computer variable
Note: These tags are often used to display computer/programming code.
berikut Kode Tag HTML nya :
<html>
<body>
<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>Note:</b> These tags are often used to display computer/programming code.</p>
</body>
</html>
- Tag Address
Biasanya Tag ini dipaka untuk mendefinisikan penulis / pemilik sebuah dokumen / halaman HTML.
Contoh :
Penulis, HAsyim Adnan
Email us
Address: Keboledan - Brebes
Phone: +62 899 5087
Email us
Address: Keboledan - Brebes
Phone: +62 899 5087
Berikut format HTML nya :
<html>
<body>
<address>
Penulis, HAsyim Adnan<br />
<a href="mailto:us@mail.com">Email us</a><br />
Address: Keboledan - Brebes<br />
Phone: +62 899 5087
</address>
</body>
</html>
- Abbreviations And Acronyms
Berikut Tag yang digunakan untuk penulisan Singkatan dan Akronim dalam HTML
contoh Tampilan :
The WHO was founded in 1948.
Can I get this ASAP?
The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym
or abbreviation.
Can I get this ASAP?
The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym
or abbreviation.
Berikut Format Penulisan dalam Taag HTML nya :
<html>
<body>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
<p>Can I get this <acronym title="as soon as possible">ASAP</acronym>?</p>
<p>The title attribute is used to show the spelled-out version when holding the mouse pointer over the acronym or abbreviation.</p>
</body>
</html>
- Text Direction / Membalik Urutan Huruf
Berikut contoh Tag yang digunakan dalam HTML untuk membalik urutan huruf sebagai contoh : "Saya Sedang Belajar HTML" setelah dibalik menjadi "LMTH rajaleB gnadeS ayaS".
Berikut contoh penggunaan TAG (bdo dir="rtl") untuk membalikan urutan huruf:
Saya Sedang Belajar HTML
Saya Sedang Belajar HTML
Berikut Format Penulisan dalam Taag HTML nya :
<html>
<body>
<p>
Berikut contoh penggunaan TAG (bdo dir="rtl") untuk membalikan urutan huruf:</p>
<bdo dir="rtl">
Saya Sedang Belajar HTML
</bdo>
</body>
</html>
Inilah sedikit ilmu pada postingan kali ini, semoga bermanfaat buat saya dan pembaca...
S E M A N G A T buat kita semua
Facebook
0 comments:
Post a Comment