Bagaimana Format text pada html?
Jika anda telah mengetahui sedikit tentang peraturan penulisan elemen-elemen pada html, maka tidaklah sulit untuk memformat text pada html.
Jika anda belum mengerti mengenai peraturan penulisan elemen-elemen pada html, bisa anda baca DISINI
Buka notepad anda, copy dan pastekan script html berikut.
<html>
<head>
<title>Bagian Penulisan Judul</title>
</head>
<body>
Ini adalah bagian penulisan naskah
<p>Ini adalah contoh membuat paragraph.</p>
<p>ini contoh paragraph kedua.</p>
<p>ini adalah paragraph yang terakhir de-<br>
ngan baris baru.<br>
Dan ini baris selanjutnya</p>
</body>
</html>
Keterangan:
Untuk membuat paragraph maka tag elemen htmlnya adalah <p> . . . </p>
Untuk membuat baris baru menggunakan <br>, tag <br> tidak memerlukan lagi tag penutup.
Selanjutnya contoh penggunaan tag <hr> dan <hl>.
Lanjutkan dengan contoh berikut.
<html>
<head>
<title>Bagian Penulisan Judul</title>
</head>
<body>
<hr>
<h1>Contoh tulisan HTML ku.</h1>
Dibuat Oleh: <!-- isikan dengan nama anda -->
<hr>
Ini adalah bagian penulisan naskah
<p>Ini adalah contoh membuat paragraph.</p>
<p>ini contoh paragraph kedua.</p>
<p>ini adalah paragraph yang terakhir de-<br>
ngan baris baru.<br>
Dan ini baris selanjutnya</p>
</body>
</html>
Keterangan:
Tag <hr> digunakan untuk membuat garis horizontal,
Tag <h1>. . .</h1> digunakan untuk membuat Heading pada suatu artikel, ukurannya ada 6 jenis, <h1> sampai <h6> ukuran font <h6> adalah yang paling kecil.
Tag <!-. . .-> digunakan untuk menuliskan komentar.
Yang di cetak tebal adalah script tambahan dari script html sebelumnya.
Lanjut lagi gan. .
Coba kalian copy pastekan script dibawah ini pada notepad kalian, untuk mengetahui cara format teks html.
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dibuat oleh: <!-- isikan dengan nama anda -->
<hr>
<p>Contoh format-format teks pada html.<br>
Contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Oksigen adalah O<sub>2</sub><br>
Teks menggunakan Superscript: Hasil dari 4<sup>2</sup>=16<br></p>
</body>
</html>
Kalau mau mengedit tinggal ganti saja kata-kata diatas.
Saturday, November 27, 2010
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..