Dasar-Dasar HTML

e-amik - Pembahasan kali ini saya akan membahas tentang dasar-dasar HTML, mulai dari text hingga pembuatan table. Lanjut pada materi.

1. Heading
Heading adalah tag dalam html yang digunakan untuk membuat judul sebuah dokumen atau artikel dengan 6 tingkatan
Contoh:

INI ADALAH HEADING1

INI ADALAH HEADING2

INI ADALAH HEADING3

INI ADALAH HEADING4

INI ADALAH HEADING5

INI ADALAH HEADING6

Kode HTML dari tag di atas:

<h1>
INI ADALAH HEADING1</h1>
<h1>
</h1>
<h2>
INI ADALAH HEADING2</h2>
<h2>
</h2>
<h3>
INI ADALAH HEADING3</h3>
<h3>
</h3>
<h4>
INI ADALAH HEADING4</h4>
<h4>
</h4>
<h5>
INI ADALAH HEADING5</h5>
<h5>
</h5>
<h6>
INI ADALAH HEADING6</h6>

2. Paragraf
Isi dari penjelasan ini merupakan suatu paragraf, jadi defenisi dari paragraf adalah isi dari dokumen atau artikel yang kita buat.
Kode HTML dari tag di atas:

<p>Isi dari penjelasan ini merupakan suatu paragraf, jadi defenisi dari 
paragraf adalah isi dari dokumen atau artikel yang kita buat.</p>

3. Format Text
Dalam mebuat suatu paragraf atau judul, kadang kita membutuhkan format tertentu. misalnya: Huruf Tebal, Miring, Rata Tengah dll.

Contoh:

Ini adalah huruf tebal
Ini adalah huruf miring

Ini adalah Huruf rata tengah


Ini adalah huruf rata kiri


Ini adalah huruf rata kanan


Ini adalah huruf rata kiri kanan, dapat tampil saat kita membuat suatu artikel yang panjang.

Ini adalah huruf berjalan

Ket: Untuk text rata tengah,samping dan full anda dapat menggunakan tag <div>, <span>, <p> dll
Kode HTML dari tag di atas:

<b>Ini adalah huruf tebal</b>
<br />
<i>Ini adalah huruf miring</i>
<br />
<div style="text-align: center;">
Ini adalah Huruf rata tengah</div>
<br />
<div style="text-align: left;">
Ini adalah huruf rata kiri
</div>
<br />
<div style="text-align: right;">
Ini adalah huruf rata kanan
</div>
<br />
<div style="text-align: justify;">
Ini adalah huruf rata kiri kanan, dapat tampil saat kita membuat suatu artikel yang panjang.
</div>
<br />
<marquee>Ini adalah huruf berjalan</marquee>

4. Nomor dan Daftar
• List1
• List3
• List3
1. Pertama
2. Kedua
3. Ketiga
Kode HTML dari tag di atas:

<ul>
<li>List1</li>
<li>List3</li>
<li>List3</li>
</ul>
<ol>
<li>Pertama</li>
<li>Kedua</li>
<li>Ketiga</li>
</ol>

5. Table

No	Nama	Alamat
1	Busra Ahmad	Lembang
2	Umi Setiyani	Lembang

Kode HTML dari tag di atas:

<table border="1">
<tbody>
<tr>
<td>No</td>
<td>Nama</td>
<td>Alamat</td>
</tr>
<tr>
<td>1</td>
<td>Busra Ahmad</td>
<td>Lembang</td>
</tr>
<tr>
<td>2</td>
<td>Umi Setiyani</td>
<td>Lembang</td>
</tr>
</tbody></table>

Sekian untuk tutorial kali ini, pada tutorial selanjutnya kita akan membuat style pada tag html