index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Start Course</title>
</head>
<body>
    <!--Tag paragraf-->
    <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus aut ea est quidem, 
        nulla soluta maiores voluptates voluptate culpa odio ut dolor itaque nesciunt officiis nisi eaque neque 
        aliquam ipsum!
    </p>
    
    <!--Heading tag h1 sampai h6-->
    <h3>To do list</h3>
    <!--Ordered list (ol)-->
    <ol type="a">
        <li>1</li> <!--list item-->
        <li>2</li>
        <li>3</li>
    </ol>
    <br>
    <!--Unordered list-->
    <ul type="circle">
        <li>pagi</li>
        <li>malam</li> <!--list item-->
        <li>siang</li>
    </ul>
    <br>
    <!--HTML links start with <a></a>-->
    <a href="https://www.w3schools.com">This is a link</a>
    <br> <!--Line break-->
    <p>ini adalah <br>sebuah paragraf</p>
    <!--Menambahkan gambar-->
    <img src="/image/Bali.png" alt="Bali">
    <br>
    <!--CSS Classes <div></div>-->
    <div class="title">Belajar HTML
        <div class="title">Belajar semantic HTML</div>
    </div>
    <br><br>
    <!--garis horizontal (hr)-->
    <hr>
    <h2>Membuat garis horizontal</h2>
    <p>Dibawah ini adalah garis horizontal</p>
    <hr>
    <!--Tag style // style=""-->
    <h1 style="font-family: cambria, sans-serif;text-align: center;">Last heading on HTML</h1>
    <p style="background-color: blue;">Last paragrhap on HTML</p>
    <br>

</body>
</html>