Kamis, 23 November 2017

Pemformatan Teks HTML



1.      Pemformatan Teks

Teks pada editor teks (notepad) :
<html>
<head>
<title>Format Teks</title>
</head>
<!--Pemformatan teks dalam HTML artinya  teks dalam dokumen web dapat diformat secara khusus untuk membuat perbedaan dan penekanan  terhadap isi dan maksud teks tersebut.Perbedaan dan penekanan ditampilkan  dalam bentuk huruf tebal(menggunakan tag <b>),miring(menggunakan tag <em>), digarisbawahi(menggunakan tag<i>),mengecilkan huruf(menggunakan tag<small>), superscript(menggunakan tag <sup>) dan subscript(menggunakan tag <sub>).-->
<body>
<p><b>Tulisan ini tebal (bold)</b></p>
<p><em>Tulisan ini mirng (empahasize) </em></p>
<p><big>Tulisan ini besar (big)</big></p>
<p><i>Tulisan ini miring (italic)</i></p>
<p>Tulisan ini <sub>subscript</sub></p>
<p>Tulisan ini <sup>superscript</sup></p>
</body>
</html>

 Tampilan di Browser :




2.       Teks Preformat

Teks pada editor teks (notepad) :
<html>
<head>
<title>Preformat</title>
</head>
<!--Tag <pre> dan </pre> dapat kita gunakan untuk  menampilkan sesuai dengan dokumen web tersebut
dalam editor teks dengan kata lain tampilan di web akan seperti apa adanya sebgaimana ditulis pada editor teks-->
<body>
<pre>
                                Tugas Desain Web

Ini adalah Tugas Matakuliah
Matakuliahnya desain web
                tugasnya membuat pemformatan teks pada HTML
                Dosennya adalah Pak Roys Pakaya, S.Kom.,M.T.
               
</pre>
</body>
</html>

 Tampilan di Browser :



3.       Quotation

Teks pada editor teks (notepad) :
<html>
<head>
<title>Quotation</title>
</head>
<!-- Quotation menggunakan Tag <blockquote> digunakan untuk membuat sebagian teks yang dikutip sebagai suatu blok sendiri. -->
<body>
tulisan ini bukan quotation
<blockquote
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
</blockquote>
</body>
</html>

  
Tampilan di Browser :

  

Semoga Bermanfaat !



Tidak ada komentar:

Posting Komentar