Pengertian Syntax dan Dasar-Dasar Tag HTML Beserta Fungsinya
Hello guys :) bagaimana kabar kalian nih? semoga baik-baik saja. Disini setelah saya membuat pengertian dan sejarah dari bahasa HTML, disini sekarang saya akan menjelaskan tentang syntax-syntax dasar atau yang sering digunakan dalam penulisan bahasa HTMl. Kamu penasaran? baiklah kalau kamu salah satu yang berkata "iya kak saya penasaran" baiklah akan saya jelaskan untuk kamu yg penasaran dengan apa sih syantax yang biasa di pakai PRO GAMER (*Eh salah maksudnya PROGRAMMER hehehe) dan untuk kamu yang berkata "ah nanti aja deh" mending kamu ubah mindset kamu deh, soalnya dunia saat ini sangat tergantung dengan IT. Apakah kamu hanya menjadi penonton saja? atau jadi salah satu yang bermain di dunia IT?. Baiklah daripada kita berlama-lama pasti kalian juga sudah tidak sabar kan? inilah syntax dasar dari bahasa HTML.
Sebelum kita membahas syntax HTML. pasti kalian bingung atau belum tau apa sih syntax itu sendiri?. Jadi pengertian dari syntax itu sendiri dalam pemrograman adalah suatu aturan atau rule yang harus dipenuhi seorang programmer untuk mencapai tujuan tertentu. Maksudnya adalah dengan adanya syntax ini adalah agar kode atau script yang ditulis dapat dimengerti oleh komputer. Seperti yang kalian tahu komputer itu hanya mengerti 0 dan 1. 0 itu artinya false atau salah dan 1 adalah true atau benar. Komputer itu tidaklah paham dengan bahasa indonesia ataupun bahasa Padang :D hahaha tapi penulis suka nasi padang wkwkwkwk, nah kalian sudah tercerahkan belum? semoga sudah ya hehehe.
Baiklah berikut merupakan tag-tag yang sering dipakai dalam pemrograman bahasa HTML dan juga merupakan versi terbaru yang dirilis oleh W3C selaku organisasi yang membuat dan memantau bahasa HTML dan berikut merupakan tag HTML beserta fungsinya:
*Note dalam contoh berikut hanya ditampilkan tag didepannya saja tag di belakang atau penutup tidak ditampilkan CONTOH semisal dalam tag <html> <-tag ini merupakan tag pembuka dan </html> <-tag disamping ini merupakan tag penutupnya, dan yang akan penulis tampilkan hanya tag pembukanya saja dikarenakan space yang tidak memungkinkan semoga dengan penjelasan singkat ini kamu kamu semua bisa memaklumi dan memahaminya.
Nama
Tag
|
Keterangan
|
BASIC
|
|
<!DOCTYPE>
|
Tag yang digunakan untuk menentukan tipe dokumen
|
<html>
|
Tag yang digunakan untuk membuat sebuah dokumen HTML
|
<title>
|
Tag untuk membuat sebuah judul
|
<body>
|
Tag untuk mendefinisikan tubuh dari sebuah halaman
|
<h1> sampai <h6>
|
Tag untuk membuat heading, semakin besar angka dibelakang huruf H
maka akan semakin kecil ukuran huruf headingnya
|
<p>
|
Tag untuk membuat paragraf
|
<br>
|
Tag untuk membuat enter
|
<hr>
|
Tag untuk membuat garis lurus horizontal
|
<!--...-->
|
Tag untuk membuat komentar
|
Formatting
|
|
<b>
|
Untuk membuat huruf bercetak tebal
|
<blockquote>
|
Untuk membuat sebuah bagian text yang dikutip dari sumber lain
|
<i>
|
Untuk membuat huruf miring atau italic
|
<pre>
|
Untuk membuat text terformat
|
<q>
|
Untuk membuat kutipan pendek
|
<strike>
|
Untuk membuat text yang tercoret ditengah
|
<time>
|
Tag untuk membuat tanggal/waktu
|
<u>
|
Untuk membuat tulisan ada garis bawah atau underline
|
Form
|
|
<form>
|
Tag untuk menandai bahwasanya akan dibuat sebuah inputan untuk
pengguna
|
<input>
|
Tag untuk membuat kontrol input
|
<textarea>
|
Tag untuk membuat sebuah kontrol input multibaris
|
<button>
|
Tag untuk membuat sebuah tombol yang dapat di klik oleh pengguna
|
<select>
|
Tag untuk membuat sebuah dropdown
|
<option>
|
Tag untuk membuat pilihan dalam daftar dropdown
|
<label>
|
Tag untuk membuat sebuah label atau penamaan untuk sebuah elemen
<input>
|
Images
|
|
<img>
|
Tag untuk membuat gambar
|
<map>
|
Tag untuk membuat gambar peta
|
<figure>
|
Menentukan konten mandiri
|
<figcaption>
|
Membuat caption untuk elemen figur
|
Audio/Video
|
|
<audio>
|
Tag untuk menyisipkan isi suara
|
<video>
|
Tag untuk menyisipkan video
|
Links
|
|
<a>
|
Tag untuk membuat hyperlink
|
<link>
|
Tag untuk membuat hubungan dokumen dan sumber eksternal (biasanya
untuk Lin ke style sheet)
|
Tables
|
|
<table>
|
Tag untuk membuat sebuah tabel
|
<caption>
|
Tag untuk membuat sebuah caption pada tabel
|
<th>
|
Tag untuk membuat header di dalam tabel
|
<td>
|
Tag untuk membuat sel dalam di dalam data
|
<thead>
|
Tag untuk mengelompokkan isi header di dalam tabel
|
<tbody>
|
Tag untuk mengelompokkan tubuh di dalam sebuah tabel
|
Style/Sections
|
|
<style>
|
Untuk membuat informasi style untuk dokumen
|
<div>
|
Tag untuk membuat sebuah bagian di dalam dokumen
|
<span>
|
Sama seperti dik yakni membuat bagian di dalam dokumen
|
<header>
|
Tag untuk membuat header dari suatu dokumen
|
<footer>
|
Tag untuk membuat sebuah footer dari suatu dokumen
|
<section>
|
Tag untuk menentukan bagian di dalam dokumen
|
<aside>
|
Tag untuk membuat konten lain selain dari halaman
|
Mantap bos
ReplyDelete"Selamat siang Bos ��
ReplyDeleteMohon maaf mengganggu bos ,
apa kabar nih bos kami dari Agen365
buruan gabung bersama kami,aman dan terpercaya
ayuk... daftar, main dan menangkan
Silahkan di add contact kami ya bos :)
Line : agen365
WA : +85587781483
Wechat : agen365
terimakasih bos ditunggu loh bos kedatangannya di web kami kembali bos :)"