Penggunakan TAG Pada HTML 4 - Membuat Paragraf dan Format Dokumen Lainnya

Pada tutorial Belajar HTML kali ini kita akan membahas tentang tag paragraf, bagaimana penulisan tag paragraf dan bagaimana cara membuat paragraf di HTML. Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:

Paragraf yang bisa diatur perataannya (kiri, tengah, kanan), Berikut Code yang Digunakan:


<p [align=”left”|”center”|”right”|”justify”]> . . . </p>

Contoh penggunaan tag paragraf:


<html> 
  <head> 
    <title> Paragraf </title>
  </head>
  <body>
   <h2 align="center">Materi HTML </h2>
   <p align="right">Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:</p>
    <p align="left">Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:</p>
<p align="justify">Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut:</p>
  </body>
</html>

Example:

Untuk menampilkan teks sama seperti yang diketikkan dalam dokumen HTML, bisanya menggunakan Preformatted Text:


<pre> . . . </pre>

Untuk menulis kutipan teks, harus menggunakan Blockquote:


<blockquote> . . . </blockquote>

Untuk menulis teks pada baris berikutnya, menggunakan BREAK:


<br>

Untuk menentukan jenis tulisan dari HTML harus menggunakan FONT dan beberapa Format Dokumen:


Ukuran font
<font size=“n”> . . . </font>
Jenis font
<font size=“n” face=“jenis_font”> . . . </font>
Warna font
<font size=“n” face=“jenis_font” color=“warna”> . . . </font>
Bold:
<b> . . .</b>
Emphasized:
<em> . . . </em>
Italic:
<i> . . . </i>
Superscript:
<sup> . . .</sup>
Subscripted:
<sub> . . . </sub>
Struck trough:
<del> . . . </del>

Membuat Garis horisontal untuk memisahkan teks dengan teks lain.


<hr [align=“left”|”center”|”right”] [size=“n”] [width=“nnn”] [noshade]> </hr>
Contohnya:
<hr align=“left” size=“4” width=“50”></hr>

Membuat Hypertext Link:


Format:
<a href=”address” > . . . </a> 

Link ke dokumen lain
<a href=”nama_dokumen” > . . . </a>
Link ke bagian tertentu dalam dokumen yang sama
<a href=”#target” > . . . </a>
<a href=”target” > . . . </a>
Link ke alamat URL atau WebSite
<a href=”alamat_URL” > . . . </a>
Link ke alamat Email
<a href=”mailto:alamat_email” > . . . </a>
Link File yang akan didownload
<a href=”nama_file” > . . . </a>

Tutorials Perancangan Website

Penggunakan TAG Pada HTML 4 - Membuat Paragraf dan Format Dokumen Lainnya