Pemformatan Teks Html

Asalamualikum wrb..
Kembali lagi dengan saya yaitu theeeeeeeeee…. Design, sebelum kita ke pembahasan yang lebih rinci mari kita basa basi dulu ya heheheh…..
Hal yang pertama kita lakukan itu apa ya??(sambil berpikir)
Ok langsung saja gk usah basi basi, pertama siapkan dulu gelas, sendok, sama airnya.. hehehe
1.buka aplikasi notepad(ingat ya disini kita masih menggunakan notepad)
2.siapkan jari kita untuk mengetik
3.langsung aja scrool ke bawah
Pada materi kali ini kita akan membahas yang namanya Pemformatan HTML pasti bagi kalian yang belum tau, kalian akan bertanya apa sih pemformatan html itu???

Pemformatan teks HTML
Pemformatan html itu adalah teks dalam document web dapat di format secara khusus untuk menunjukan penekanan terhadap isi dan maksud dari teks tersebut. Perbedaan di tampilkan dalam bentuk  huruf tebal,miring,garis bawah dan lain2 seperti pada contoh di bawah ini

Pemformatan teks :

  •   Menebalkan huruf(Bold)
  •   Memiringkan huruf(italic)
  •   Digaris bawahi
  •   Mengecilkan huruf 
  •   Superscript
  •   Subscript


Contoh format teks
<html>
<head>
<title>format teks</title>
</head>
<body>
<p><b>tulisan ini di tebalkan (bold)</b></p>
<p><strong>Tulisan ini di tebalkan(strong)</strong> </p>
<p><em>tulisan ini miring(emphasize) </em></p>
<p><big>tulisan ini besar (big)</big></p>
<p><i>tulisan ini miring (italic) </i></p>
<p>500 <sub>subscript </sub></P>
<p>1000 <sup>10</sup></p>
</body>

hasilnya akan jadi seperti ini
 Teks Preformat
          Tag <pre> dan </pre> dapat kita gunakan untuk menampilkan sesuai dengan dokumen web tersebut dalam teks editor
Contoh pre.html
html>
<head>
<title>format teks</title>
</head>
<body>
<pre>
indonesia adalah negara
kepu                                      lauan                                     yang
punya   banyak                 budaya

</pre> 
</body>
</html>

Quotation
          Quotation di lambangkan dengan tag  <blocquote>tag ini digunakan untuk membuat sebagian teks yang dikutip sebagai suatu blog sendiri. Kebanyakan browser umumnya menggunakan margin untuk kutipan untuk teks  yang mengelilinginya
Contoh quotation.html
<html>
<head>
<title>quotation</title>
</head>
<body>
tulisan ini BUKAN quotation
<blockquote>
tulisan ini adalah quotation<br>
tulisan ini adalah quotation<br>
tulisan ini adalah quotation<br>
</body>
</html>
Tag-tag Pemformatan
Tag Awal            Keterangan
<b>                =  Mendefinisikan teks yang ditebalkan
<big>              = Mendefinisikan teks yang besar ukurannya
<em>              = Mendefinisikan teks yang ditekankan
<i>                  = Mendefinisikan teks yang dimiringkan – italic
<small>           = Mendefinisikan teks yang dikecilkan ukurannya
<strong>         = Mendefinisikan teks yang ditebalkan
<sub>             = Mendefinisikan teks yang dijaikan subscript
<sup>             = Mendefinisikan teks yang superscript
<pre>             = Mendefinisikan teks preformatted
<blockquote> = Mendefinisikan quotation yang panjang.

Ok guys itulah pembahasan pemformatan html yang agak kurang jelas dari saya, dan juga bila ada kata-kata yang kurang baik tolong di maafkan yaaa…
                                               
                                                               
SALAM EDITOR

Komentar

Postingan populer dari blog ini

Desain Tampilan Game Tebak Gambar Hewan

Membuat tabel pada HTML

Membuat pesan Toast di android studio