JARINGAN DASAR HTML
- PENGERTIAN HTML
HTML adalah
bahasa markup internet (web) berupa kode dan simbol yang dimasukkan kedalam
sebuah file yang ditujukan untuk ditampilkan didalam sebuah website.
Singkatnya, HTML adalah bahasa markup yang digunakan untuk membuat website.
Apa
itu HTML ?
HTML adalah kepanjangan atau singkatan dari
Hyper Text Markup Language.
Setiap
kita menjelajah di internet, membuka website apapun, kita pasti akan bertemu
dengan HTML. Hal ini dikarenakan semua website yang ada diinternet, dibuat
dengan menggunakan bahasa markup HTML.
Website yang dibuat dengan HTML ini, dapat
dilihat oleh semua orang yang terkoneksi dengan internet. Tentunya dengan
menggunakan aplikasi penjelajah internet (browser) seperti Internet Explorer,
Mozilla Firefox dan Google Chrome.
Seperti yang sudah saya jelaskan sebelumnya,
HTML adalah singkatan dari Hyper Text Markup Language. Tapi mengetahui
singkatannya saja tidak akan cukup.
Karena itu saya akan menyajikan arti dari kata kata tersebut.
HyperText adalah metode dimana kita
"berpindah" disekeliling web, dengan mengeklik sebuah teks yang
bernama hyperlink.
Hyperlink adalah sebuah teks khusus di
internet, dimana saat teks tersebut diklik, akan membawa kita ke halaman web
selanjutnya/halaman web lain yang telah ditentukan.
Markup adalah hal yang dilakukan oleh tag HTML
kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya
sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan
tag html , maka teks tersebut akan berubah menjadi italic (huruf yang miring).
Sedangkan jika kita menandainya dengan , maka teks tersebut akan berubah
menajadi bold (huruf tebal).
Language yang berarti bahasa. HTML adalah
sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa
yang lain. Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan
pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu bahasa
HTML harus ditingkatkan lagi agar bisa menciptakan halaman web yang lebih
berkualitas. Untuk itulah dibentuk sebuah organisasi yang bertanggungjawab
mengembangkan bahasa HTML. Organisasi ini bernama W3C. Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan kegunaan.
Beberapa manfaat dari HTML diantaranya Untuk Membuat Halaman Web.
Bahasa HTML
digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan
menggunakan HTML. Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak
memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak
memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa
lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk
menambah prilaku website), dan PHP (bahasa pemrograman server website). Untuk
menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks
menjadi bergaris bawah dengan menggunakan tag html Untuk menandai elemen/bagian
pada halaman web. Sebuah website memiliki beberapa bagian seperti header,
navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.
Untuk menampilkan informasi dalam bentuk tabel Untuk menambahkan objek seperti
audio, video, gambar, dll dalam halaman web Untuk membuat online. form Struktur
Dasar HTML #1 Element Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan
penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat
kode html seperti ini Yang berwarna biru, itu adalah pembuka. Yang warna hijau
adalah isi. Sedangkan yang warna merah adalah penutup. Isi adalah optional,
dalam artian tidak masalah jika kita tidak memberikan isi.
Beda dengan pembuka dan penutup, keduanya
harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode
tidak akan berfungsi. Ada juga pembuka dan penutup yang berbeda dengan contoh
diatas. Contohnya seperi ini Pada tag input kita tidak perlu menutupnya dengan
,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa. #2 Tag Tag
adalah teks khusus berupa dua karakter < dan >. Contohnya tag dengan nama
head, dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi
kita tidak boleh membuatnya sendiri. Misal jika kita menulis , jelas tidak akan
berfungsi. Untuk lebih memperjelas, berikut ini struktur dasar kode html Hai
teman teman, ini website pribadi saya lho.. Penjelasan untuk menandai awal dan
akhir dari file HTML berisikan keterangan informasi seperti title dan jenis
dokumen sebagai judul halaman web bagian ini adalah konten utama web seperti
header, navigasi, artikel , sidebar dan footer Anda dapat menuliskan kode html
di aplikasi bawaan Windows, Notepad. Bisa juga mendownload aplikasi khusu untuk
menulis kode yaitu Notepad++. #3 Atribut Atribut terdapat didalam script sebuah
elemen, fungsinya untuk memberi informasi tambahan tentang elemen. Nilai dari
atribut harus ditutup dengan tanda kutip. Kode diatas akan membuat sebuah kotak
isian yang dikhususkan untuk menulis password.
Versi 1.0
juga mendukung peletakan gambar, namun tidak mendukung adanya teks disekeliling
gambar. HTML 2.0 HTML 2.0 masih membawa fitur sebelumnya dari versi 1.0, dengan
tambahan beberapa vitur baru. Fitur tersebut adalah form. Dengan form, kita
dapat memasukkan data data seperti nama, alamat, serta komentar. Hadirnya fitur
form ini menjadi awal terbentuknya website yang interaktif. HTML 3.0 Pada versi
ini, mulai banyak orang yang ikut memberikan kontribusi pada HTML. Fitur baru
yang hadir di versi ini salah satunya adalah tabel. Versi HTML ini tidak
bertahan lama dikarenakan banyak permasalahan seperti perang antar browser.
Karena itu, HTML ini segera diganti lagi menjadi versi 3.2 HTML 3.2 Perang
antar browser terus berlanjut dikarenakan mereka membuat tag HTML mereka
sendiri. Untuk menghentikan hal ini, dibentuklah sebuah organisasi yang
menangani standard dari HTML. Organisasi ini bernama World Wide Web Consortium
(W3C). HTML 4.0 Dengan hadirnya W3C sebagai standarisasi HTML, perang browser
terhenti. HTML lalu berkembang menjadi HTML 4.0. Versi ini memuat banyak sekali
revisi dan perubahan dari versi sebelumnya. Perubahan ini terjadi di hampir
seluruh perintah HTML seperti text, link, image, imagemaps, table, form, meta,
dan lain lain. HTML 4.01 Versi ini hadir untuk memperbaiki beberapa kesalahan
di versi sebelumnya XHTML 1.0 XHTML adalah gabungan dari HTML dan XML. Karena
XHTML tidak se-fleksibel HTML, tidak banyak orang yang menyukai versi ini.
HTML 5 HTML
5 adalah versi terakhir dari HTML saat artikel ini ditulis. HTML 5 membawa
banyak sekali perubahan terhadap versi sebelumnya. Banyak tag baru yang
diperkenalkan, seperti ,,,,dan tag menarik lainnya. Selain itu, HTML 5
mendukung streaming video tanpa menggunakan flash. Lebih lengkapnya akan
dibahas dibawah ini
Fitur Baru
HTML 5 pengertian html fungsi html sejarah html Kelebihan HTML 5 sebagai versi
terbaru dari HTML, adalah dengan hadirnya fitur fitur menarik. Fitur tersebut
diantaranya #1 Doctype dan Meta yang lebih pendek Doctype dan Meta di HTML 5
menjadi lebih pendek dan mudah diingat. Bentuk Doctype di html 5 seperti ini
Sedangkan meta tagsnya Jauh lebih pendek daripada versi sebelumnya #2 Struktur
Baru Pada versi sebelumnya, ketika kita ingin membuat struktur website dengan
html, kita akan membuatnya dengan tag. Namun di HTML5 ini, hadir beberapa tag
yang dikhususkan untuk membuat struktur suatu halaman web. Namun di HTML5 ini,
hadir beberapa tag yang dikhususkan untuk membuat struktur suatu halaman web.
untuk mendefinisikan header halaman untuk mendefinisikan navigasi halaman untuk
mendefinisikan bagian dari sebuah halaman untuk mendefiniskan artikel atau
konten utama dari sebuah halaman untuk mendefinisikan konten tambahan seperti
sidebar dari sebuah halaman untuk mendefinisikan footer dari sebuah halaman #3
Form Web Baru Tag pada HTML 5 memiliki banyak tipe baru.
SEKIAN DARI SAYA WASALAMUALLAIKUM WR.WB
BY MOCHAMMAD ZIHAD
KELAS: X MM-2
