IT Website

Materi selanjutnya adalah kita bahas terkait tag yang ada di HTML. HTML mempunyai banyak tag. Setiap tag mempunyai fungsi tersendiri. Disini akan beri contoh beberapa tag dari HTML. Ini adalah dasar
dari tag HTML :

<title>Belajar HTML</title>

</head>

<body>

<b>Dasar HTML</b>

</body>

</html>

ketika di running, seperti inilah hasilnya.

Hasil

1. Heading

heading ini digunakan untuk mendefinisikan judul dari suatu halaman web. Tag heading ini terdiri dari h1 - h6. Heading ini di pakai oleh search engine untuk mengindex susunan dan content pada suatu halaman web yg kita buat.

Contoh :

Kalau di running, tag tersebut akan memiliki ukuran text yang berbeda. Seperti di bawah ini :

Ini H1

Ini H2

Ini H3

Ini H4

Ini H5

Ini H6

2. Paragraph

Tag ini digunakan untuk membuat suatu paragraph. Contoh :

<p>Ini adalah sebuah paragraph pertama</p>
<p>Ini adalah sebuah paragraph kedua</p>

Hasilnya seperti dibawah ini :

Ini adalah sebuah paragraph pertama
Ini adalah sebuah paragraph kedua

Sesudah paragraph pertama akan otomatis di buat newline jadi tidak perlu memakai tag <br /> untuk membuat newline .

3. Formatting
Tag ini digunakan untuk memanipulasi suatu text. Contoh :

<i>Text contoh i</i><br />
<strong>Text contoh strong</strong><br />
<b>Text contoh b</b><br /> <em>Text contoh em</em><br />
<mark>Text contoh mark</mark><br />
<sub>Text contoh sub</sub><br />
<sup>Text contoh sup</sup><br />
<small>Text contoh small</small><br />
<del>Text contoh del </del><br /&gt>

Hasilnyas seperti berikut :

Text contoh i
Text contoh strong
Text contoh b
Text contoh em
Text contoh mark
_{Text contoh sub}
^{Text contoh sup}
Text contoh small
~~Text contoh del~~

4. Comment Tags
Untuk memberikan suatu comment dalam suatu code yang tidak akan terbaca oleh browser adalah sebagai berikut :

5. Links
Dalam merancang suatu halaman web tentunya memerlukan tag untuk membuat links ke suatu web lain ataupun ke page di halaman website sendiri. Berikut cara membuat links tersebut :

<a href="http://wikipedia.com">Wikipedia</a> <br />
<a href="http://facebook.com">Facebook</a><br />

Kalau di running di browser, hasilnya seperti dibawah ini :

Wikipedia
Facebook

6. Images
Tag images ini digunakan untuk meng-import gambar di suatu website. Contoh :

7. Table
Bila sobat ingin membuat suatu table, tag ini bsa di pakai untuk membuat table. Contoh :

<table border="1">
<tr>
<th>Nama</th>
<th>Alamat</th>
</tr>
<tr>
<td>Kazzet</td>
<td>Jakarta</td>
</tr>
</table>

Bila di running akan menghasilkan table seperti dibawah ini :

Nama	Alamat
Kazzet	Jakarta

<tr> = tag ini dipakai untuk mendefinisikan suatu row table.
<td> = tag ini dipakai untuk mendefinisikan data dalam suatu table.
<th> = tag ini dipakai untuk mendefinisikan suatu header table, biasanya mempunyai style text default bold.

8. List
Tag list dipakai ketika contohnya akan membuat menu list dengan style disc atau type style bullets dll. Selain itu tag list ini juga sering dipakai untuk membuat navigation menu di suatu halaman web. Berikut contoh penggunaannya :

<ul>
<li>Web Design</li>
<li>Administrator</li>
<li>Analis</li>
<li>DBA</li>
</ul>

Kalau di running akan menampilkan suatu list seperti berikut :

Oke sekian materi beberapa tag HTML. Sebetulnya masih banyak sekali tag-tag HTMLnya. Di artikel selanjutnya saya akan coba langsung penerapan tag-tag HTML ini dalam suatu perancangan simpel layout web.

Thx.

Perintah Dan Fungsi Tag HTML

4/ 5

Oleh kazzet

April 08, 2018 Komentar

Sunday, 8 April 2018

Perintah Dan Fungsi Tag HTML

Ini H1