Skip to content Skip to sidebar Skip to footer

Widget HTML #1

HTML

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

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

Post a Comment for "HTML"