Arsip Tag: perkembangan html
Assalamu’alaikum…
Ketemu lagi di blog ini, mudah-mudahan dalam keadaan sehat agar bisa tetap saling berbagi ilmu di sini, amin..
Ketemu lagi di blog ini, mudah-mudahan dalam keadaan sehat agar bisa tetap saling berbagi ilmu di sini, amin..
Perkembangan dunia web kian hari
kian melesat, bagaimana tidak, kebutuhan manusia akan website juga kian hari
kian meningkat, karena dengan menggunakan website semua aktivitas dapat
mencakup hingga ke seluruh penjuru dunia. Jelas saja dari namanya saja sudah
WWW (World Wide Web) yang mana menerangkan suatu jaringan luas hingga penjuru
dunia. Maka dari itu pengembangan website setiap hari terus dilakukan dan
prospek untuk pengembanganya sangat cemerlang.
Sesuai dengan judul, kali ini saya
sambil belajar akan membahas tentang perkenalan HTML. Menurut Wikipedia, HTML (HyperText Markup Language) adalah
sebuah bahasa markup
yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi
di dalam sebuah Penjelajah web
Internet dan formating hypertext sederhana yang ditulis kedalam berkas format
ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Gampangnya
HTML adalah bahasa dasar dalam pembuatan halaman web, lebih tepatnya sebenarnya
HTML digunakan untuk melayout dan mengintegrasikan antara halaman web yang satu
dengan halaman web yang lainnya, sementara agar tampilan web dapat menjadi
lebih bagus dan menarik biasanya dipadukan dengan bahasa CSS (Cascading
Style Sheets) yang berfungsi untuk mengatur style content pada halaman web.
Agar suatu web dapat berisikan suatu
program, HTML tidak dapat berjalan sendirian, seperti yang dikatakan di atas
bahwa HTML digunakan untuk melayout halaman web, sementara untuk program yang
ada pada halaman web biasanya HTML di-embed atau disisipkan bahasa php
atau javascript yang berfungsi untuk menjalankan program yang ada pada halaman
web seperti, perhitungan, pemanggilan database, integrasi ke dalam database
dll.
Selain php dan javascript, HTML jg
dapat di-embed dengan bahasa pemprograman java atau apabila dalam web
programming biasa disebut jsp dan bahasa pemrograman lain yang dapat
digunakan untuk membangun web atau support untuk web programming.
Di dalam HTML akan terdapat tag – tag,
lain halnya dengan bahasa pemrograman yang menggunakan syntax atau coding,
dalam HTML biasanya lebih dikenal dengan tag HTML. Sebenarnya bahasa HTML
tidaklah sulit, apabila kita sudah mengenal tag – tag HTML maka di setiap kali
tag di buka maka harus ditutup dengan tag itu sendiri dengan penambahan “slash
(/)” di awal tag; contoh <head> isi </head>. <head>
sebagai pembuka, </head> sebagai penutup.
Untuk mengenal tag HTML, ini saya
berikan beberapa tag HTML yang sering digunakan :
Tag Utama
|
||
<html>
|
Awal pernyataan sebuah dokumen
HTML
|
|
<head>
|
Kepala suatu halaman web (hukumnya
wajib)
|
|
<title>
|
Membuat judul halaman(ditempatkan
di dalam <head>
|
|
<body>
|
Membuat body HTML / badan halaman
web
|
Modifikasi Teks
|
||
<b>
|
Membuat teks tebal
|
|
<i>
|
Membuat teks miring
|
|
<u>
|
Membuat garis bawah pada teks
|
|
<sub>
|
Subscrip teks
|
|
<sup>
|
Suppersript teks
|
|
<h1>
|
Heading 1 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<h2>
|
Heading 2 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<h3>
|
Heading 3 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<h4>
|
Heading 4 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<h5>
|
Heading 5 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<h6>
|
Heading 6 pada teks (menentukan
ukuran berdasarkan heading)
|
|
<strong>
|
Menjadikan teks besar
|
|
<small>
|
Menjadikan teks kecil
|
Formating
|
||
<ul>
|
Membuat list teks dengan bullet
|
|
<ol>
|
membuat list teks dengan penomoran
|
|
<li>
|
Membuat list teks (diletakan
setelah <ul> atau <ol>
|
|
<p>
|
Menyatakan suatu paragraf baru
|
|
<br>
|
Untuk ganti baris pada teks
|
|
<hr>
|
Membuat garis horizontal
|
|
<link>
|
menentukan sumber link
|
Tabel
|
||
<table>
|
Membuat tabel
|
|
<td>
|
Membuat cell tabel
|
|
<tr>
|
Membuat baris / row table
|
|
<tfoot>
|
Membuat footer tabel
|
|
<th>
|
Membuat header tabel
|
|
<thead>
|
Membuat header tabel
|
|
<tbody>
|
Mengatur Body tabel
|
|
<col>
|
Atribut pada tabel untuk mengatur
kolom
|
|
<colgroup>
|
Membuat grup kolom
|
Form
|
||
<form>
|
Untuk membuat Form / Formulir
|
|
<input type = >
|
Form inputan
|
|
“text”
|
Input field
|
|
“submit”
|
Tombol
|
|
“checkbox”
|
Check Box
|
|
“radiobutton”
|
Radio Button
|
|
<select name>
|
Membuat List/Menu (combo box)
|
|
<textarea>
|
Membuat teks area (untuk
menampilkan teks)
|
Perkembangan HTML saat ini telah
mencapai pada bahasa HTML5 yang baru dikeluarkan pada tahun 2011, dimana di
dalamnya terdapat tag-tag baru yang berfungsi agar dalam membuat halaman web
lebih mudah dan singkat, boleh dibilang agar lebih simple. Berikut adalah
beberapa tag baru tang disediakan HTML5 :
<article>
|
Membuat content artikel
|
<aside>
|
Membuat sidebar pada halaman web
|
<audio>
|
Menambahkan file audio pada
halaman web
|
<datalist>
|
Membuat dropdown list
|
Menyisipkan sesuatu dari luar
halaman web
|
|
<footer>
|
Membuat area footer pada halaman
web
|
<header>
|
Membuat area header pada halaman
web
|
<hgroup>
|
Heading group, membuat grup untuk
beberapa heading
|
<nav>
|
Membuat area navigasi
|
<source>
|
Menentukan sumber media
|
<time>
|
Menampilkan waktu pada halaman web
|
<video>
|
Menambahkan file Video pada
halaman web
|
Sebenarnya masih banyak tag-tag lain
yang digunakan dalam bahasa HTML, tapi yang sering digunakan adalah tag-tag
yang di atas.
Nah, selamat mempelajarinya, semoga
dengan adanya tulisan ini Anda dapat mengenal HTML dan Tag-tag HTML yang
digunakan dalam membangun halaman web. Apabila banyak kekurangan mohon kritik
dan saran yang membangun yang diharapkan agar kita sama-sama belajar.
-Terimakasih-
Sumber : http://diarymodz.blogspot.com/2011/10/tag-tag-html-dan-fungsinya.html
dan http://www.quackit.com/html_5/tags/
Tidak ada komentar:
Posting Komentar