Pemformatan Teks dan Paragraf
Oke, kali saya akan membahas tentang pemformatan Teks Pada HTML, Ini merupakan dasar dari pembuatan sebuah web atau blog, jadi sebelum kalian membuat sebuah web atau blog.
Kalian setidaknya harus memahami macam-macam Tag Pemformatan teks, agar pembuatan website kalian menjadi lebih maksimal dan enak dipandang oleh pembaca.
"Pemformatan Teks itu tulisan model-model itu ya Min...?"ya semacam itu, tapi bisa juga di sebut bentuk teks, disini saya akan memberikan tutorial Tag-tag Pemformatan Teks beserta keterangannya, dan tidak ketinggalan yaitu scriptnya.
Ok, Simak Baik-baik ya Tutorial berikut
Tag HTML Pemformatan Teks
- <b> Mendefinisikan teks tebal
- <em> Mendifinisikan teks menekankan
- <i> Mendefiniskan teks miring
- <small> Mendefinisikan teks kecil
- <strong> Mendefinisikan teks penting
- <sub> Mendefinisikan teks di bawah garis
- <sup> Mendefinisikan teks di atas garis
- <ins> Mendefinisikan teks sisipan
- <del> Mendefinisikan teks di coret
- <mark> Mendefinisikan teks di tandai
Contoh script :
Script HTML
<!doctype html>
<html>
<head>
<title>Contoh Tag HTML Pemformatan Teks</title>
</head>
<body>
<b>Ini adalah Format Teks Tebal</b><em>Ini adalah Format Teks Menebalkan</em>
<i>Ini adalah Format Teks Miring</i>
<small>Ini adalah Format Teks Kecil</small>
<strong>Ini adalah Format Teks Penting</strong>
<sub>Ini adalah Format Teks Bawah Garis</sub>
<sup>Ini adalah Format Teks Atas Garis</sup>
<ins>Ini adalah Format Teks Atas Sisipan</ins>
<del>Ini adalah Format Teks Atas Dicoret</del>
<mark>Ini adalah Format Teks Atas Ditandai</mark>
</body>
</html>
<html>
<head>
<title>Contoh Tag HTML Pemformatan Teks</title>
</head>
<body>
<b>Ini adalah Format Teks Tebal</b><em>Ini adalah Format Teks Menebalkan</em>
<i>Ini adalah Format Teks Miring</i>
<small>Ini adalah Format Teks Kecil</small>
<strong>Ini adalah Format Teks Penting</strong>
<sub>Ini adalah Format Teks Bawah Garis</sub>
<sup>Ini adalah Format Teks Atas Garis</sup>
<ins>Ini adalah Format Teks Atas Sisipan</ins>
<del>Ini adalah Format Teks Atas Dicoret</del>
<mark>Ini adalah Format Teks Atas Ditandai</mark>
</body>
</html>
Tag HTML "Keluaran Computer"
- <code> : Mendefinisikan teks pada komputer
- <kbd> : Mendefinisikan teks keyboard
- <samp> : Mendefinisikan teks contoh code
- <var> : Mendefinisikan teks variabel
- <pre> : Mendefinisikan teks terformat
Contoh script :
Script HTML
<!doctype html>
<html>
<head>
<title>Contoh Tag HTML "Keluaran Computer" </title>
</head>
<body>
<code>Ini adalah Format Teks Sebuah Singkatan</code><kbd>Ini adalah Format Teks Sebuah Kontak Informasi</kbd>
<samp>Ini adalah Format Teks Sebuah Arah Teks</samp>
<var>Ini adalah Format Teks Sebuah Bagian Yang dikutip dari Sumber Lain</var>
<pre>Ini adalah Format Teks Sebuah Kutipan Pendek</pre> </body>
</html>
<html>
<head>
<title>Contoh Tag HTML "Keluaran Computer" </title>
</head>
<body>
<code>Ini adalah Format Teks Sebuah Singkatan</code><kbd>Ini adalah Format Teks Sebuah Kontak Informasi</kbd>
<samp>Ini adalah Format Teks Sebuah Arah Teks</samp>
<var>Ini adalah Format Teks Sebuah Bagian Yang dikutip dari Sumber Lain</var>
<pre>Ini adalah Format Teks Sebuah Kutipan Pendek</pre> </body>
</html>
Tag HTML Citations, Quatations, dan Definition
- <abbr> : Mendefinisikan sebuah singkatan
- <address> : Mendefinisikan alamat atau kontak informasi
- <bdo> : Mendefinisikan arah teks
- <blockquote> : Mendefinisikan sebuah bagian yang di kutip dari sumber lain
- <q> : Mendefinisikan sebuah kutipan pendek
- <cite> : Mendefinisikan judul karya
- <dfn> : Mendefinisikan sebuah istilah definisi
Contoh script :
Script HTML
<!doctype html>
<html>
<head>
<title>Contoh Tag HTML Citations, Quatations, dan Definition</title>
</head>
<body>
<abbr>Ini adalah Format Teks Sebuah Singkatan</abbr><address>Ini adalah Format Teks Sebuah Kontak Informasi</address>
<bdo>Ini adalah Format Teks Sebuah Arah Teks</bdo>
<blockquote>Ini adalah Format Teks Sebuah Bagian Yang dikutip dari Sumber Lain</blockquote>
<q>Ini adalah Format Teks Sebuah Kutipan Pendek</q>
<cite>Ini adalah Format Teks Sebuah Judul Karya</cite>
<dfn>Ini adalah Format Teks Sebuah Istilah Definisi</dfn>
</body>
</html>
<html>
<head>
<title>Contoh Tag HTML Citations, Quatations, dan Definition</title>
</head>
<body>
<abbr>Ini adalah Format Teks Sebuah Singkatan</abbr><address>Ini adalah Format Teks Sebuah Kontak Informasi</address>
<bdo>Ini adalah Format Teks Sebuah Arah Teks</bdo>
<blockquote>Ini adalah Format Teks Sebuah Bagian Yang dikutip dari Sumber Lain</blockquote>
<q>Ini adalah Format Teks Sebuah Kutipan Pendek</q>
<cite>Ini adalah Format Teks Sebuah Judul Karya</cite>
<dfn>Ini adalah Format Teks Sebuah Istilah Definisi</dfn>
</body>
</html>
Pemformatan Paragraf
Tag HTML untuk paragraf adalah <p>, dengan tag penutup </p>.
biasanya tag ini digunakan setelah ada tag <h1> ... </h1> sampai <h6> ... </h6>.
Contoh script :
Script HTML
<!doctype html>
<html>
<head>
<title>Pemformatan Paragraf</title>
</head>
<body>
<p>Ini adalah paragraf 1</p>
<p>Ini adalah paragraf 2 </p>
</body>
</html>
<html>
<head>
<title>Pemformatan Paragraf</title>
</head>
<body>
<p>Ini adalah paragraf 1</p>
<p>Ini adalah paragraf 2 </p>
</body>
</html>
Jika terdapat kesalahan dalam penulisan script, silahkan kalian dapat meninggalkan komentar pada bagian bawah artikel ini, atau juga bisa mengirimkan pesan kalian melalui alamat Email yang sudah saya sediakan dibagian bawah website Dunia Programming.
Belum ada Komentar untuk "Pemformatan Teks dan Paragraf"
Posting Komentar