Belajar HTML Dasar – Memahami Syntax Pada HTML (Part3)

belajar html dasar part 1

Hallo sobat CakMan.ID, setelah Anda memahami definisi dari HTML dan sudah memiliki Text Editor yang Anda pilih maka langkah selanjutnya adalah Anda harus memahami syntax-syntax atau mark up pada HTML. Pada pembahasan kali ini adalah dasar dari penulisan kode pada HTML jadi pastikan Anda harus benar-benar memahaminya.

1. TAG

Tag adalah kode yang dipakai untuk pengenalan pada aplikasi web browser untuk apa text HTML yang telah dibuat. HTML memerlukan cara untuk mengenalkan text yang dibuat didalamnya kepada web browser entah itu berupa text ,atau list, atau paragraf, apalagi link dan lain sebagainya. Dari situlah fungsi dari tag itu sendiri, pada penulisan tag hampir seluruhnya memakai pembuka dan penutup tag yang dimana objek yang dimaksud berada pada pembuka dan penutup tag. Berikut ini merupakan contoh penulisan tag yang dipakai di bahasa mark up HTML.

<initag>Ini merupakan contoh objek yang berada pada tag pembuka dan penutup</initag>

Perbedaan antara tag pembuka dengan tag penutup yakni, pada tag pembuka diawali kurung sudut pembuka lalu tag yang dimaksud kemudian diakhiri dengan kurung sudut penutup sedangkan pada penutup tag itu dimulai dengan kurung sudut pembuka kemudian ditambah backslash setelah itu ditulis tag yang dimaksud setelah itu diakhiri dengan penutup kurung sudut. Berikut ini adalah macam-macam tag yang umumnya dipakai di bahasa mark up HTML :

  1. <!– ….–> : Digunakan untuk memberi sebuah komentar atau keterangan
  2. <!DOCTYPE html> : digunakan untuk Mendefinisikan tipe document
  3. <a> : Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara
  4. satu dokumen HTML ke dokumen HTML yang lain
  5. <b> : membuat teks menjadi tebal
  6. <p> : membuat pargraf
  7. <h1> : membuat heading satu
  8. <h2> : membuat heading dua
  9. <body> : mendefinisikan body/isi dokument html
  10. <head> : mendefinisikan&nbsp;bagian&nbsp;kepala dokumen html
  11. <title> : memdefiniskan judul halaman
  12. <div> : mendefinisikan halaman
  13. <link> : mendefinisikan hubungan antar dokumen
  14. <script> : Mendefinisikan client-side script
  15. <table> : mendefinisikan tabel
  16. <th> : Mendefinisikan sel header di dalam &nbsp;sebuah tabel
  17. <td> : Mendefinisikan sel di dalam sebuah tabel
  18. <tr> : Membuat baris di dalam sebuah tabel
  19. <ul> : Mendefinisikan daftar dalam format bullet
  20. <li> : mendefinisikan list

2. Element

Element di HTML adalah isi atau objek yang ada pada tag. Jadi, objek diantara tag pembuka dan tag penutup contohnya :

<h2>ini contoh saja</h2>

Pada contoh diatas merupakan elemen h2 dan isi objeknya adalah ini contoh saja. Dan elemen dapat berupa apa saja entah itu text atau tag code lainnya.

3. Atribut

Atribut adalah sebuah informasi tambahan pada tag pembuka dan itu bisa berupa informasi atau perintah entah itu untuk memberikan nama, mengubah warna, mengatur tata letak, dan lain sebagainya. Lalu untuk penulisan atribut ditulis seperti contoh ini color=”blue” ,penulisan isi dari atribut harus diapit dengan tanda “. Sebagai contoh tag yang menggunakan atribut pada html :

<font face"times new roman" size="7" color="blue">contoh saja</font>

Maksud dari contoh diatas adalah element font tersebut membuat sebuah tulisan dengan jenis times new roman lalu berukuran 7 kemudian berwarna biru. Atribut yang dipakai adalah face”times new roman” size=”7″ color=”blue”.

Baca juga artikel :

1. Belajar HTML Dasar – Pengertian HTML (Part 1)

2. Belajar HTML Dasar – Menentukan Editor Program (Part 2)

3. Belajar HTML Dasar – Memahami Tag Element Heading Di HTML (Part4)

Baiklah cukup sekian artikel kali ini semoga artikel ini dapat membantu teman-teman yang sedang kebingungan memahami dasar-dasar pemrograman html, baik saya akhiri artikel mengenai Belajar HTML Dasar – Memahami Syntax Pada HTML (Part 3) dan sampai bertemu diartikel selanjutnya .

You Might Also Like

Leave a Reply

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