Format dan Tampilan Teks

1. Heading
   Dalam menyusun sebuah tulisan kadang kita membutuhkan suatu teks dengan ukuran besar dan tebal.Program HTML juga mengenal cara pembuatan mode teks seperti itu yang disebut HEADING.Heading pada HTML digunakan untuk menampilkan perbesaran teks. Bentuk umum dari Tag heading adalah <Hn>....</Hn>, dimana n menyatakan urutan heading yang bernilai 1 sampai 6. Semakin kecil angka makin akan semakin besar pula tulisannya
   • Perataan Heading Penggunaan Tag heading <h> juga mengenal perataan seperti halnya pada Tag paragraf<p>.Atribut yang digunakan sama dengan atribut pada Tag paragraf yaitu : ALIGN
2. Format Font
   
   • Physical Style
     Physical Style adalah pengaturan tampilan teks yang mengakibatkan teks tersebut benar-benar ditampilkan tanpa tergantung elemen dasar dari teks tersebut.Beberapa Tag yang termasuk physical style: <B>....</B> : Menebalkan teks (Bold)
     <I>....</I> : Memiringkan teks (Italic)
     <U>....</U> : Menggatisbawahi teks (Underline)
     <S>....</S> : Mencoret teks (strike)
     <Strike>....</Strike> : Sama dengan <S>
     <Sub>.....</Sub> : Menurunkan ½ spasi seperti H₂O
     <Sup>.....</Sup> : Menaikkan ½ spasi seperti X²
     <Small>....</Small> : mMembuat tampilan teks menjadi kecil
     <Big>....</Big> : Memperbesar tampilan teks
   • Logical Style
     Logical Style pada tampilannya hampir sama dengan Physical Style hanya saja tampilan ini berdasarkan makna atau kandungan dari teks yang akan di beri Tag. Dan yang sangat membedakan dengan Physical Style adalah bentuk dari tampilannya. Misalkan untuk menandakan bahwa teks tersebut merupakan kutipan yang ditandai dengan tampilan miring , maka dokumen yang diberi Tag tersebut ditampilkan dengan tampilan huruf kecil. Tag-Tag yang merupakan Logical Style adalah :
     <DFN> : menyatakan suatu definisi
     <CITE> : menyatakan suatu pujian, kutipan
     <Strong> : menyatakan suatu penekanan
     <EM> : menyatakan suatu penekanan atau perhatian.
3. Mengatur Jenis Teks / Font
   Pengaturan jenis tampilan jenis huruf atau font baik ukuran warna dan bentuknya dilakukan dengan elemen <Font>. Elemen <Font> ini mempunyai beberapa atribut seperti :
   • <Font size="n"> ....</font> :mengatur besarnya tampilan pada browser.n merupakan urutan font size dari 1 sampai 7 dimana semakin besar angkanya maka semakin besar pula tulisannya
   • <Font color="n"> ....</font> : mengatur warna teks pada tampilan di browser.n merupakan warna yang ditujukan, bentuk default warna tulisannya adalah hitam/black. Penulisan warna pada HTML bisa dengan nama warna ( dalam bahasa inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam formatheksa #rrggbb
   • <Font face="n"> ....</font> : digunakan untuk mengatur jenis tulisan pada tampilan di browser. nmerupakan jenis tulisan yang ditujukan, bentuk default pada broser seperti Mozilla firefox adalah Times New Romans.
   • <Font size="± n"> ....</font> : Digunakan untuk memperbesar/memperkecil tulisan.±n merupakan besaran untuk memperkecil/memperbesar tulisan yang akan ditampilkan pada browser.Besar n adalah dari angka 1 sampai 7
   
   Jika kita sudah memasukkan Tag<font> kita bisa saja memasukkan beberapa atribut dalam <font> tersebut.contoh :< font size="4" color="green" face="Arial">
4. Garis Horizontal
   Garis Horizontal biasanya digunakan untuk memisahkan bagian teks satu dengan teks lainnya atau membatasi. Dan tag yang biasanya digunakan pada HTML adalah <HR>. Tag <HR> dapat membuat garis sepanjang layar monitor dan bisa juga diatur.Berikut adalah atribut yang digunakan untuk mengendalikan tampilan garis :
   • Align : mengatur posisi horizontal kiri, kanan atau tengah
   • Color : mengatur warna garis (default=grey)
   • Noshade : membuat garis tanpa efect 3D atau bayangan
   • Size : mengatur tebal garis dengan nilai pixel atau persen (default=1)
   • Width : mengatur panjang garis dengan pixel atau persen (default=100%)
   Jika kita sudah memasukkan Tag <HR> kita bisa saja memasukkan beberapa atribut dalam <HR> tersebut.contoh :<HR size=15 width=300 align="center">
   Nah sekarang mari kita coba untuk membuat yang baru saja saya jelaskan di atas
   <html>
   <head>
   </head>
   <body>
   <impact>ini adalah kalimat dari tag impact
   <brgt
   <DFN> ini adalah kalimat yang menggunakan tag DFN
   <brgt
   <CITE>ini adalah kalimat yang menggunakan tag CITE
   <brgt
   <STRONG> ini adalah kalimat yang menggunakan tag STRONG
   <brgt
   <EM> ini adalah kalimat yang menggunakan tag EM
   <hr size="15">
   <font size="1">Font Size= 1 </font>
   </br>
   <font size="2">Font Size= 2 </font>
   </br>
   <font size="3">Font Size= 3 </font>
   </br>
   <font size="4">Font Size= 4 </font>
   </br>
   <font size="5">Font Size=5 </font>
   </br>
   <font size="6">Font Size= 6 </font>
   </br>
   <font size="7">Font Size= </font>
   </br>
   
   <hr size="15"> <H1>Heading 1<H1>
   <br>
   <H2>Heading 2<H1>
   <br>
   <H3>Heading 3<H3>
   <br>
   <H4>Heading 4<H4>
   <br>
   <H5>Heading 5<H5>
   <br>
   <H6>>Heading 6<H6>
   <br>
   <H7>Heading 7<H7>
   </body>
   </html>