TAG-TAG HTML

HTML
(Hypertext Markup Language)

HTML merupakan kerangka dasar yang membangun sebuah web. Didalam HTML terdapat beberapa perintah-perintah yang disebut dengan TAG, ada yang dinamakan tag pembuka dan ada yang dinamakan tag penutup yang selalu ditandai dengan adanya slash.

<> tag pembuka
</> tag penutup

Setiap dokumen HTML selalu diawali dan diakhiri dengan tag HTML bentuknya sama dengan contoh tag diatas hanya saja anda harus menambahkan tulisan HTML di dalam tag tersebut. Contohnya:

........................

Adapun bentuk dari tag HTML adalah sebagai berikut:



KETERANGAN:
Element :nama tag
Attribute :atribut dari tag
Value :nilai dari atribut yang mana apabila nilainya berupa text maka diapit oleh tanda petik(“value”) dan apabila valuenya angka maka bisa langsung dituliskan tanpa menggunakan tanda petik.

Jika anda menulis tag HTML dengan huruf besar ataupun huruf kecil itu tidak jadi masalah output yang dihsilkan tetap sama dikarenakan tag pada HTML tidak sensitive . Berikut ini bebeara TAG HTML beserta fungsinya:
1. TAG HEAD
Merupakan sebuah penana yang menandakan bahwa adanya tempat yang telah disediakan untuk header yang mana biasanya tag HEAD ini di dalamnya terdapat tag TITLE yang merupakan judu dari halaman pada sebuah browser. Selain tag TITLE, juga ada yang dinamakan dengan tag METAyang biasanya digunakan untuk menentukaninformasi tertentun mengenai documen HTML
2. TAG BODY
Merupakan tempat yang digunakan untuk menampilkan text, image, link dan semua yang akan ditampilkan pada halaman web




Outputnya :






3. TAG PARAGRAPH
Tag paragraf biasanya ditandai dengan huruf P seperti ini ...
di dalam tag ini banyak sekali yang dapat dilakukan baik itu untuk mengatur bentuk tulisan, warna, ukuran, margin,dll.





Outputnya :





4. Tag BR
Apa itu tag BR? Tag BR merupakan tag yang fungsinya untuk memberikan baris baru pada sebuah tampilan biasanya ditulis seperti ini
. Tag ini dalam penulisannya tidak membutuhkan penutup tag.





Outputnya :




5. Tag HEADER
Untuk ukuran selain menggunakan tag paragraf kita juga bisa menggunakan tag Header yang mana biasa di simbolkan dengan uruf H seperti ini

...

letak angka 1 pada tag header bukan tanpa alasan melainkan angka itulah yang nantinya akan menetukan besar ukuran tulisan yang diinginkan semakin banyak jumlah angkanya maka semakin kecil ukuran tulisan yang nantinya akan tampil. Untuk memberikan garis lurus yang panjang yang biasanya kita lihat pada garis header anda dapat menggunakan tag

---

tag ini juga tidak memerlukan tag penutup sama seperti tag






Outputnya :




6. Tag Preformatted
Tag ini digunakan untuk menampilkan apa saja yang kita tulis pada tag ini sesuai dengan formatnya tanpa harus menggunakan tag tambahan untuk memberikan spasi atau masalah lainnya. Cara penilisan tag ini yaitu

...

Outputnya :




7. Tag Blockquote
Tag BLOCKQUOTE digunakan untuk menuliskan suatu kutipan teks. Browser akan menampilkan kutipan teks menimbulkan suatu baris kosong dan mengabaikan spasi dalam teks seperti pada tag paragraph. Tag ini berisi paragraph dan tag-tag yang lain. Kecuali tag heading. Cara penulisan tag ini adalah

.....

Outputnya :





Itulah tadi beberapa contoh tag-tag html dasar yang digunakan untuk membangun sebuah web. bagi anda yang mungkin baru akan mempelajari html kalian bisa menggunakan tools seperti notepad , Atom Dreamweaver,EditPlus, sublime text, dll. Disini tools yang saya gunakan adalah sublime text. Bagi anda yang baru akan mencoba selamat mencoba dan semoga apa yang saya bagikan dapat bermanfaat dan bisa sedikit membantu anda. Terima kasih.