Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Bantu Support Dunia Programming dengan menonaktifkan Adsblock, atau gunakan browser tanpa block iklan, dan jangan lupa klik iklan yang ada disitus ini ya, agar website terus berkembang

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.
Pemformatan Teks dan Paragraf - Dunia Programming
Pemformatan Teks dan Paragraf

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>

 

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>

 

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>

 

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>

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.

Post a Comment for "Pemformatan Teks dan Paragraf"