Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Tutorial HTML #1 – Pengenalan

1 min read

Tutorial-HTML-Pengenalan-HTML

Ilmucoding.comPengenalan HTML. HTML merupakan kependekan dari Hyper Text Markup Language. HTML disajikan dalam bahasa markup yang nantinya diterjemahkan ke dalam browser.

HTML pada umumnya berisi informasi atau interface aplikasi di dalam internet.

Bahasa HTML didedikasikan untuk kalangan siapa saja sekalipun tingkat pemula.

Pembahasannya tidak banyak menggunakan logika sebagaimana bahasa pemrograman lainnya. Sehingga, HTML sangat cocok dipelajari oleh pemula yang ingin memperdalam web design.

Penamaan Ekstensi HTML

HTML memiliki 2 cara dalam memberikan akhiran dot / ekstensi pada file yang ingin dibuat, yaitu .htm (dot htm) dan .html (dot html).

Setiap membuat halaman web dengan HTML, maka akhiran harus memiliki ekstensi .htm atau .html.

Misalnya:

halaman1.html

halaman2.htm

Apa Itu Elemen HTML?

HTML dibangun dengan kumpulan elemen-elemen yang saling berkaitan. Elemen adalah istilah bagi komponen-komponen pembentu HTML.

Contoh dari elemen adalah head, body, title, table, paragraf dan lain-lain.

Apa Itu Tag HTML?

Tag merupakan aturan untuk menandai berbagai elemen dalam suatu dokumen HTML.

Tag mempunyai 2 karakter yang terlibat, di antaranya (<) atau tada lebih kecil dan (>) tanda lebih besar.

Pada dasarnya, kedua tanda tersebut saling berpasangan. Misalnya tanda < terlebih dahulu, baru nama elemen HTMLnya, kemudian diakhiri dengan tanda >.

Contoh:

<nama_tag>

Kemudian, setiap tag biasanya berpasangan. Ada pembuka dan penutupnya. Untuk penutup, HTML menggunakan tanda /.

Contoh:

</nama_tag>

Jadi, untuk membentuk tag yang sempurna di dalam HTML, formatnya adalah:

<nama_tag> … </nama_tag>

PENTING!

Namun adakalanya beberapa tag khusus HTML yang tidak memerlukan tanda akhiran /.

Misalnya:

<input>, <br>, <hr>, dan lain-lain.

Apa Itu Atribut HTML?

Atribut menyatakan sesuatu tentang tag tersebut yang berisi informasi sesuai dengan tag yang bersangkutan.

Atribut digunakan untuk menambah informasi tambahan di dalam tag tersebut.

Contoh:

Tag <body> tidak memiliki atribut apa-apa. Apabila tag ini dijalankan pada browser, hasilnya secara default akan menampilkan warna putih.

Jika ditambahkan atribut, misalnya: <body style=”background: red”> maka tag body akan memberikan hasil background merah jika dijalankan pada browser.

Contoh lagi, misalnya tag <img> tidak memiliki atribut. Lalu, ditambahkan atribut menjadi <img src=”contoh_gambar.jpg”>. Maka, tag img telah diberikan atribut src yang bisa digunakan untuk memanggil gambar.

Contoh:

<img src="html5.png">

Hasilnya:

pengenalan html

Penutup:

Setelah mengenal HTML cukup dalam pada tutorial ini, selanjutnya Anda bisa mempelajari:

  • HTML Typography
  • HTML Table
  • HTML Form
  • HTML Style

Selamat belajar …

Ilmu Coding Ilmucoding.com - Merupakan situs yang membantu Anda belajar coding lebih mudah, nyaman, interaktif dan profesional. Belajar sekarang di ilmu coding. GRATIS

Leave a Reply

Your email address will not be published. Required fields are marked *

Jika terbantu dengan artikel ini, silahkan share, beri komentar dan "klik" 1 kali pada iklan ya.