Belajar HTML (Part 3): Mempelajari Paragraf, Format Teks Dan Komentar HTML

Tutorial belajar HTML

SeniKoding.com - pada kesempatan kali ini Admin akan menjelaskan bagaimana mempelajari Paragraf HTML, Format Teks HTML dan Komentar HTML yang digunakan didalam halaman HTML. Untuk pembaca yang sudah memahami bisa di skip saja ke artikel selanjutnya.

Tutorial Belajar HTML Mempelajari Paragraf dan Format Teks HTML


Paragraf HTML adalah kalimat baru atau baris baru yang ada didalam halaman HTML. Penulisan paragraf HTML bisa dilakukan dengan tag kode <p> dan ditutup dengan </p>. Tag <p> akan membentuk baris baru kebawah dan membentuk paragraf.

Sedangkan Format Teks HTML adalah pengaturan gaya teks yang bisa digunakan didalam halaman HTML. Penulisan gaya teks HTML bisa dilakukan dengan bermacam-macam tag elemen HTML. Dengan gaya teks tersebut kita bisa menyesuaikan sesuai keperluan yang sedang kita pakai.

Contoh Format Teks HTML:

<b> : Digunakan untuk membuat teks tercetak tebal.
<em> :  Digunakan untuk membuat penekanan pada teks.
<i> : Digunakan untuk membuat teks tercetak miring.
<u>: Digunakan untuk membuat teks bergaris bawah.
<small> : Digunakan untuk membuat teks tercetak kecil.
<strong> : Digunakan untuk menyatakan bahwa teks tersebut penting.
<sub> : Digunakan untuk membuat teks tercetak sebagai subscript.
<sup> : Digunakan untuk membuat teks tercetak sebagai super script / pangkat.
<ins> : Digunakan untuk menyatakan bahwa teks yang diapit oleh tag <ins> itu disisipkan.
<del> : Digunakan untuk menyatakan teks yang diapit oleh tag <del> itu dihapus / teks dicoret.
<mark> : Digunakan untuk menyatakan teks yang ditandai (highlighted) atau teks diberi efek stabilo.

Contoh script HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>JUDUL HALAMAN WEBSITE</title>
    </head>
    <body>
        <h1>JUDUL WEBSITE</h1>
        <p>Welcome di senikoding.com, Februari 2017</p>
        <p>Ini adalah <b>tutorial belajar HTML Dasar</b></p>
        <p><i>Ini adalah tutorial belajar HTML Dasar</i></p>
        <p><u>Ini adalah tutorial belajar HTML Dasar</u></p>
        <p><mark>Ini adalah tutorial belajar HTML Dasar</mark></p>
        <p><del>Ini adalah tutorial belajar HTML Dasar</del></p>
    </body>
</html>

Format HTML

Tutorial Belajar HTML Mempelajari Komentar HTML


Komentar HTML adalah kalimat berita yang diberikan diantara baris kode HTML yang berfungsi untuk memberikan komentar atau maksud dari arti baris kode HTML tersebut, agar mudah diingat dan dimerti lebih lanjut. Baris komentar ini tidak akan di eksekusi sebagai baris kode HTML, sehingga aman jika diletakkan di potongan kode HTML.

Penulisan Komentar HTML: <!-- baris komentar HTML --> 

Contoh kode dengan Komentar HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>JUDUL HALAMAN WEBSITE</title>
    </head>
    <body>
        <h1>JUDUL WEBSITE</h1>
        <p>Welcome di senikoding.com, Februari 2017</p>
        <p><u>Ini adalah tutorial belajar HTML Dasar</u></p>
        <p><mark>Ini adalah tutorial belajar HTML Dasar</mark></p>
        <p><del>Ini adalah tutorial belajar HTML Dasar</del></p>
        
        <!-- Dibawah ini baris Judul baru -->
        <h1>JUDUL BARU</h1>
        <p>Welcome di senikoding.com, Februari 2017</p>
        <p><u>Ini adalah tutorial belajar HTML Dasar</u></p>
    </body>
</html>

Komentar HTML

Lihat antara kode HTML dengan hasil tampilan di Browser, kode ini <!-- Dibawah ini baris Judul baru --> tidak muncul di browser, artinya kode tersebut sebagai Komentar HTML dan tidak di eksekusi.

Manfaat dari Komentar HTML:

  • Mempermudah arti dari pada kode yang dibuat.
  • Mempermudah pencarian dan maksud untuk kode HTML yang panjang.
  • Mempermudah untuk para Developer/Programmer jika kode HTML sudah diberikan kepada Programmer lain.

Cukup disini Tutorial Belajar HTML Mempelajari Paragraf, Format Teks Dan Komentar HTML, semoga bermanfaat.

- Salam -


Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar HTML (Part 3): Mempelajari Paragraf, Format Teks Dan Komentar HTML"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -