HTML

March 24, 2022

Himang.my.id - hallo teman-teman kembali lagi ni dengan saya diblog himang.my.id, kali ini saya ingin berbagi sedikit tentang HTML.

Mengenal HTML

HTML merupakan singkatan dari hypertext markup Language, yaitu bahasa standar web yang dikelola oleh W3C (World Wide Web Consortium) berupa tag-tag yang menyusun setiap elemen dari website.

Di dalam HTML memiliki beberpa unsur ;

Tag
Atribut
Elemen

TAG
Tag adalah simbol khusus berupa dua karakter yang mengapit nama tag tersebut.
Contoh :

<body> </body>

Bisa juga cek taq yang lengkap Disini

ATRIBUT
Property yang mengatur bagaimana elemen dari suatu tag ditampilkan
contoh:

<p align="center"></p>

ELEMEN
Bagian dari skrip HTML yang terdiri dari tag pembuka, isi elemen dan penutup.
contoh:

<p> Aku senang belajar HTML </p>

Yang tampil hanyalah

Aku senang belajar HTML

STRUKTUR DASAR HTML

<!DOCTYPE html>
<html>

<head>
    <title> Struktur Dasar HTML </title>
</head>

<body> Isi Dalam Website </body>

</html>

FORMAT PARAGRAF HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Web</title>
</head>
<body>
    <p>HTML singkatan dari...</p>
    <p align="center">HTML singkatan...</p>
    <p align="right">HTML singkatan...</p>
    <p align="justify">HTML singkatan...</p>
</body>
</html>

FORMAT JUDUL HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Web</title>
</head>
<body>
    <center>
        <h1>Hasil H1</h1>
    </center>
    <h2>A. Hasil H2</h2>
    <h3>1. Hasil H3</h3>
    <h3>2. Hasil H3</h3>
    <h4>a. Hasil H4</h4>
    <h5>1) Hasil H5</h5>
    <h6>a) Hasil H6</h6>
    <h6>b) Hasil H6</h6>
    <h5>2) Hasil H5</h5>
    <h4>b. Hasil H4</h4>
    <h2>B. Hasil H2</h2>
</body>
</html>

STYLE TEXT HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Web</title>
</head>

<body>
    <b>Huruf Tebal</b>,
    <i> Huruf Miring</i>,
    <u> Huruf Bergaris Bawah</u>,
    <strike> Huruf Bergasris Tengah </strike>
    <br>
    <strong>Teks Penting</strong>,
    <em>Teks Penting</em>,
    <ins>Teks disisipkan</ins>,
    <del>Teks dihapus</del>,
    <small>Teks Kecil</small>,
    <mark>Teks ditandai</mark>
</body>
</html>

SUBSCRIPT &SUPERSCRIPT HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>SUBSCRIPT DAN SUPERSCRIPT</title>
</head>
<body>
    X <sub>3</sub> + 2X <sup>2</sup> = 27 <br> C + H <sub>2</sub>0 = CH <sub>2</sub>0
</body>
</html>

TEKS KOMENTAR HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Komentar</title>
</head>
<body>
    <!--Ini komentar, tidak bisa ditampilkan diwebsite-->
    Ini bukan komentar, ditampilkan di website
</body>
</html>

LIST HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>List</title>
</head>
<body>
    <h3>Susunan Acara</h3>
    <ol type="i">
        <li>Pembukaan</li>
        <li>Pembacaan ayat suci Alkitab</li>
        <li>Sambutan-sambutan
            <ul type="square">
                <li>Sambutan ketua panitia</li>
                <li>Sambutan kepala sekolah</li>
            </ul>
        </li>
        <li>Acara inti</li>
        <li>Penutup</li>
    </ol>
</body>
</html>

LINK HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Link</title>
</head>
<body>
    <h2>HTML Links</h2>
    <p><a href="www.himang.my.id" style="text-decoration: none">Visit our HTML Tutorial</a></p>
</body>
</html>

IMAGE HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Link</title>
</head>
<body>
    <h2>HTML Image</h2>
    <img src="himang_lol.png" alt="himang" width="150" height="200">
</body>
</html>

TABEL HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Table</title>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h2>Basic Tables HTML</h2>
    <table>
        <tr>
            <th>Nama Depan</th>
            <th>Nama Belakang</th>
            <th>Umur</th>
        </tr>
        <tr>
            <td>Benidiktus</td>
            <td>Himang</td>
            <td>20</td>
        </tr>
        <tr>
            <td>Lukas</td>
            <td>Graham</td>
            <td>21</td>
        </tr>
        <tr>
            <td>John</td>
            <td>Sena</td>
            <td>22</td>
        </tr>
    </table>
</body>
</html>

Oke segitu dulu Html kita next masih banyak artikel html yang saya buat jadi jangan lupa mampir lagi yah.

Terima kasih Sudah Berkunjung

Older Posts

Newer Posts

Blog authors

Himang

Hanya Penulis Biasa! Blogger

No comments

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan tampil lama karena akan dihapus sesegera mungkin. Oleh Admin Kami.

Himang.my.id