INI ADALAH KELANJUTAN DARI HTML PART SATUNYA YAH KAWAN 🙂

Note*: JIKA BELUM MEMBACA PART 1 NYA SILAHKAN KLIK DISINI!

Oke langsung saja HTML Part 2, Dengan saya Saif Kali ini saya akan melanjutkan materi Tentang HTML

Lanjut ke materi brikut nya

*PARAGRAF*
Setiap paragraf harus dimulai dengan memberi
tag <p> dan diakhiri dengan </p>,
Contoh:
<body>
<p>
Contoh paragraf 1. Contoh paragraf 1.
Contoh paragraf 1. Contoh paragraf 1.
Contoh paragraf 1.Contoh paragraf 1.
</p>
<p>
Contoh paragraf 2. Contoh paragraf 2.
Contoh paragraf 2. Contoh paragraf 2.
Contoh paragraf 2. Contoh paragraf 2.
</p>
</body>

Contoh di bawah ini

*LINE BREAK*
Digunakan untuk ganti baris atau ENTER. Tag
yang digunakan adalah <br>.
Contoh:
<body>
<p>
Contoh paragraf 1.<br>
Contoh paragraf 1.<br>
Contoh paragraf 1.<br>
Contoh paragraf 1.<br>
Contoh paragraf 1.<br>
Contoh paragraf 1.
</p>
<p>
Contoh paragraf 2.<br>
Contoh paragraf 2.<br>
Contoh paragraf 2.<br>
Contoh paragraf 2.<br>
Contoh paragraf 2.<br>
Contoh paragraf 2.
</p>
</body>

Contoh:

*ALIGN*

Digunakan untuk menentukan rata tulisan.

Contoh:
<body>
<p align=”left”>
Contoh paragraf rata kiri. Contoh paragraf
rata kiri. Contoh paragraf rata kiri. Contoh
paragraf rata kiri. Contoh paragraf rata kiri.
Contoh paragraf rata kiri.
</p>
<p align=”center”>
Contoh paragraf rata tengah. Contoh paragraf
rata tengah. Contoh paragraf rata tengah.
Contoh paragraf rata tengah. Contoh paragraf
rata tengah. Contoh paragraf rata tengah.
</p>
<p align=”right”>
Contoh paragraf rata kanan. Contoh paragraf
rata kanan. Contoh paragraf rata kanan.
Contoh paragraf rata kanan. Contoh paragraf
rata kanan. Contoh paragraf rata kanan.
</p>
</body>

<br><br>

Lanjut

*PEMFORMATAN TEKS*
– Menebalkan huruf (bold)
– Memiringkan huruf (italic)
– Garis bawah
– Membesarkan huruf
– Mengecilkan huruf
– Superscript
– Subscript
Contoh:
<body>
<b>Tulisan ini ditebalkan (bold) </b><br>
<strong>Tulisan ini ditebalkan (strong) </strong><br>
<i>Tulisan ini miring (italic)</i><br>
<em>Tulisan ini miring (emphasize)</em>
<br>
<u>Tulisan ini digaris bawahi (underline)</u>
<br>
<big Tulisan ini besar (big)</big><br>
<small>Tulisan ini kecil (small)</small><br>
Tulisan ini <sup>superscript</sup><br>
Tulisan ini <sub>subscript</sub><br>
</body>

Contoh

t

*TEKS PREFORMAT*
Digunakan untuk menampilkan sesuai dengan
dokumen web tersebut dalam editor teks.
Contoh:
<body>
<pre>
Contoh text preformat
contoh
text
preformat
Contoh text preformat
</pre>
</body>

Contoh

Lanjut

List item di gunakan untuk mengelompokkan
data baik berurutan (ordered list) maupun yang
tidak berurutan (unordered list).

ORDERED LIST
Untuk membuat list terurut nomor (ordered list),
kita gunakan tag pembuka <ol> dan penutup
</ol>, sedangkan untuk mendata setiap itemnya
menggunakan tag <li> sebagai pembuka dan
</li> sebagai penutup.
Contoh:
Daftar Hari:<br>
<ol>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jum’at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ol>

Ada beberapa tipe yang bisa digunakan.
<ol type = “1′>- Default
<ol type = “1”>
<ol type = “”>
<ol type = “A”>
<ol type = “a”>
Contoh:
Daftar Hari:<br>
<ol type=”i”>
<li>Senin</li>
<li>Selasa</li>
</ol>
<ol type=”A”>
</I>Rabu</li>
<li>Kamis</li>
</ol>
<ol type=”a”>
<li>Jum’at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ol>

Yups lanjut ke

UNORDERED LIST
Untuk membuat list tidak terurut nomor
(unordered list), kita gunakan tag pembuka <ul>
dan penutup </ul>, sedangkan untuk mendata
setiap itemnya menggunakan tag <li> sebagai
pembuka dan </li> sebagai penutup.
Contoh:
Daftar Hari <br>
<ul>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jum’at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>

Ada 3 tipe yang bisa kita gunakan square, disc,
circle. Contoh:
Daftar Hari:<br>
<ul type=”square”>
<li>Senin</li>
<li>Selasa</li>
</ul>
<ul type=”disc”>
<li>Rabu</li>
<li>Kamis</li>
</ul>
<ul type=”circle”>
<li>Jum’at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>

By adminDT

Leave a Reply

Your email address will not be published. Required fields are marked *