Berkenalan dengan Tag HTML

yellowweb_tagHalo teman-teman, kali ini kita akan mencoba berkenalan dengan Tag HTML, karena dasar dari mempelajari HTML adalah dengan mengenal tag-tag tersebut.

  Ada beberapa tag-tag HTML yang wajib kita ketahui, diantaranya adalah:

1. Tag HTML Heading

Berfungsi untuk memformat sebuah tulisan menjadi cetak tebal dan memberikan jarak/ baris. Ada beberapa level untuk tag heading ini dan biasanya digunakan untuk membuat judul artikel.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Tag HTML Headings</title>
</head>
<body>

    <h1>Tulisan dengan Heading Level 1</h1>
    <h2>Tulisan dengan Heading Level 2</h2>
    <h3>Tulisan dengan Heading Level 3</h3>
    <h4>Tulisan dengan Heading Level 4</h4>
    <h5>Tulisan dengan Heading Level 5</h5>
    <h6>Tulisan dengan Heading Level 6</h6>

</body>
</html>

 2. Tag HTML Paragraf

Berfungsi untuk membuat paragraf pada HTML.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Tag HTML Paragraf</title>
</head>
<body>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec aliquam neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus quam tortor, porttitor eget semper eu, convallis sit amet dolor. Curabitur lacinia massa sit amet sapien luctus sollicitudin. Nullam tristique vitae sem nec auctor. Curabitur tincidunt neque quis ante facilisis, in faucibus felis dapibus. Suspendisse tempus tincidunt lectus eget semper. In dapibus venenatis sem lobortis fringilla. Etiam sit amet hendrerit odio, id molestie orci. Cras maximus lorem quis ipsum sagittis lacinia. Aliquam et nibh at urna fermentum hendrerit. Pellentesque in pharetra magna, elementum condimentum lectus.</p>

</body>
</html>

 3. Tag HTML Image

Berfungsi untuk memasukan gambar ke dalam sebuah website.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Tag HTML img</title>
</head>
<body>

    <img src="../images/ducati.jpg" width="300" height="250" alt="gambar_motor">

</body>
</html>

 4. Tag HTML Link

Penulisan URL atau link pada HTML menggunakan tag <a> .. <a>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>link</title>
</head>
<body>

    <a href="https://www.yellowweb.id">Klik!</a>

</body>
</html>

 5. Tag HTML List

Berfungsi untuk membuat sebuah daftar/ list. Ada 2 macam list yang berurut(ordered list) dan tidak berurutan(unordered list).

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>tag list</title>
</head>
<body>

    <h3>List Berurutan</h3>

    <ol>
        <li>List 1</li>
        <li>List 2</li>
        <li>List 3</li>
        <li>List 4</li>
        <li>List 5</li>
    </ol>

    <h3>List Tidak Berurutan</h3>

    <ul>
        <li>List tidak berurut 1</li>
        <li>List tidak berurut 2</li>
        <li>List tidak berurut 3</li>
        <li>List tidak berurut 4</li>
        <li>List tidak berurut 5</li>
    </ul>

</body>
</html>

Contoh diatas adalah beberapa tag-tag HTML yang perlu kita ketahui, karena merupakan dasar dalam mempelajari HTML, so bagi teman-teman silahkan di coba pelajari ya, sampai jumpa lagi di artikel berikutnya, happy coding 🙂

Comments are closed.