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

 pada kesempatan kali ini Admin akan menjelaskan bagaimana mempelajari Paragraf HTML Belajar HTML (Part 3): Mempelajari Paragraf, Format Teks Dan Komentar HTML

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

Tutorial Belajar HTML Mempelajari Paragraf dan Format Teks HTML


Paragraf HTML yaitu kalimat gres atau baris gres yang ada didalam halaman HTML. Penulisan paragraf HTML dapat dilakukan dengan tag arahan <p> dan ditutup dengan </p>. Tag <p> akan membentuk baris gres kebawah dan membentuk paragraf.

Sedangkan Format Teks HTML yaitu pengaturan gaya teks yang dapat dipakai didalam halaman HTML. Penulisan gaya teks HTML dapat dilakukan dengan majemuk tag elemen HTML. Dengan gaya teks tersebut kita dapat menyesuaikan sesuai keperluan yang sedang kita pakai.

Contoh Format Teks HTML:

<b> : Digunakan untuk menciptakan teks tercetak tebal.
<em> :  Digunakan untuk menciptakan penitikberatan pada teks.
<i> : Digunakan untuk menciptakan teks tercetak miring.
<u>: Digunakan untuk menciptakan teks bergaris bawah.
<small> : Digunakan untuk menciptakan teks tercetak kecil.
<strong> : Digunakan untuk menyatakan bahwa teks tersebut penting.
<sub> : Digunakan untuk menciptakan teks tercetak sebagai subscript.
<sup> : Digunakan untuk menciptakan 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 dampak 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 yaitu <b>tutorial mencar ilmu HTML Dasar</b></p>         <p><i>Ini yaitu tutorial mencar ilmu HTML Dasar</i></p>         <p><u>Ini yaitu tutorial mencar ilmu HTML Dasar</u></p>         <p><mark>Ini yaitu tutorial mencar ilmu HTML Dasar</mark></p>         <p><del>Ini yaitu tutorial mencar ilmu HTML Dasar</del></p>     </body> </html> 

Format HTML

Tutorial Belajar HTML Mempelajari Komentar HTML


Komentar HTML yaitu kalimat gosip yang diberikan diantara baris arahan HTML yang berfungsi untuk memperlihatkan komentar atau maksud dari arti baris arahan HTML tersebut, biar gampang diingat dan dimerti lebih lanjut. Baris komentar ini tidak akan di sanksi sebagai baris arahan HTML, sehingga kondusif kalau diletakkan di serpihan arahan HTML.

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

Contoh arahan 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 yaitu tutorial mencar ilmu HTML Dasar</u></p>         <p><mark>Ini yaitu tutorial mencar ilmu HTML Dasar</mark></p>         <p><del>Ini yaitu tutorial mencar ilmu HTML Dasar</del></p>                  <!-- Dibawah ini baris Judul gres -->         <h1>JUDUL BARU</h1>         <p>Welcome di senikoding.com, Februari 2017</p>         <p><u>Ini yaitu tutorial mencar ilmu HTML Dasar</u></p>     </body> </html> 

Komentar HTML

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

Manfaat dari Komentar HTML:

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

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

- Salam -



Sumber https://www.senikoding.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel