Langsung ke konten utama

Pengertian HTML Dan Belajar Kode HTML

Sumber gambar www.hindilearn.in

Html atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web.Sebenarnya,dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen.Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>).

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atu document yang berformat HTML dari web server ke browser (Internet Explorer,Netscape Navigator,NeoPlanet,dll).Dengan HTTP inilah yang memungkinkan Anda menjelajahi internet dan melihat halaman web.

Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa.Namun sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web).Tetapi tanpa mengetahui dasar-dasarnya anda tidak akan memperoleh hasil yang maksimal.Mengapa?karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web,tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual.Terutama untuk halaman web yang sangat komplek.

Pengertian Tag pada HTML

Sebagai sebuah bahasa markup,HTML membutuhkan cara untuk memberitahu web browser bagaimana suatu text ditampilkan.Apakah text itu ditulis sebagai sebuah pragraf,list,atau sebagai link?Dalam HTML,tanda ini dikenal dengan istilah tag.Hampir semua tag dalam HTML ditulis secara berpasangan,tag pembuka dan tag penutup,dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup.Objek disini dapat berupa text,gambar,maupun video.Penulisan tag berada di antara dua kurung siku.

Format penulisan tag: <tag_pembuka> objek yang dikenai perintah 
tag</tag_penutup>
Contohnya jika kita ingin membuat suatu text dalam sebuah paragraf ditulis tebal atau miring,dalam HTML dapat ditulis sebagai berikut:
Ini adalah sebuah paragraf.<i>Hanya kumpulan beberapa kalimat</i>
Paragraf ini terdiri dari <b>3 kalimat</b>.

Hasil dari sebagian kode HTML diatas,diterjemahkan oleh browser menjadi:
Ini adalah sebuah pragraf.Hanya kumpulan beberapa kalimat.Paragraf ini terdiri dari 3 kalimat.

Tag <i> pada kode HTML diatas memberikan perintah kepada browser untuk menampilkan text secara garis miring (i, singkatan dari Italic),dan tag <b> untuk menebalkan tulisan (b, singkatan dari bold).

Contoh tag: <p> Ini adalah sebuah paragraf </p>

<p> adalah tag pembuka,dalam contoh ini p adalah tag untuk paragraph </p> adalah tag penutup paragraph.Perbedaanya dengan tag pembuka terletak dari tanda backslash(/)

Jika kita lupa memberikan penutup tag,umumnya browser akan "memaafkan" hal ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup.Walaupun hal ini memudahkan kita,namun tidak disarankan.

"Pengecualian beberapa tag tidak berpasangan,sepeti <br> untuk break (pindah baris) atau (hr) untuk horizontal line (garis horizontal) ditulis dengan <br/>, dan <hr/>. Tag ini dikenal juga dengan sebutan self dosing tag".

Pengertian Elemen pada HTML

Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.Seperti contoh diatas,"Ini adalah sebuah paragrap" adalah elemen dari tag <p>.Elemen tidak hanya berisi text,namun juga bisa tag lain.

Contoh elemen:

<p> Ini adalah sebuah <em>paragrap</em> </p>
Dari contoh diatas,Ini adalah sebuah <em>paragraf</em> merupakan elemen tag <p>.

Pengertian Atribut pada HTML

Atribut adalah informasi tambahan yang diberikan kepada tag.Informasi ini bisa berupa instruksi untuk warna dari text,besar huruf dari text, dll.

Setiap atribut memiliki pasangan nama dan nilai (value),dan ditulis dengan name="value".Value diapit tanda kutip,boleh tanda kutip satu (') atau dua (")

Contoh atribut:

<a href="http://www.yadull.blogspot.com">ini adalah sebuah link</a>

href adalah nama dari atribut,dan http://www.yadull.blogspot.com adalah value atau nilai dari atribut tersebut.Tidak semua tag membutuhkan atribut,tapi anda akan sering melihat sebuah tag memiliki atribut,terutama atribut id dan class yang terutama dibutuhkan dalam manipulasi halaman web menggunakan CSS maupun JavaScript.

Komentar

Postingan populer dari blog ini

Memformat Karakter HTML - HTML Tutorial

Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik. 1.Logical Format Logical format akan menerapkan layout dokumen secara logis dan terstruktur.Tag-tag yang termasuk logical format adalah sebagai berikut : <cite> digunakan untuk menandai suatu kutipan (Citation). <code> digunakan untuk menampilkan kode-kode pemrograman,misalnya bahasa C. <em> digunakan untuk menandai suatu teks yang ditekankan oleh penulis. <kbd> digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard. <samp> digunakan untuk menandai suatu teks yang dimaksudkan sebagai contoh. <strong> digunakan untuk menandai bagian yang terpenting dari suatu teks. <var> digunakan untuk menampilkan nama variabel. <dfn> digunakan untuk menandai sebuah subdenfinisi dari daftar. Semua tag tersebut memerlukan tag penutupnya masing-masing. Contoh (save dengan nama logical format.html) :  <html> ...

Menggunakan Link di dalam HTML - HTML Tutorial

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu.Jika link diklik maka dokumen HTML akan menuju ke alamat tersebut.Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai dua atribut,yaitu href dan name.Atribut href digunakan jika sebuah anchor akan digunakan sebagai link,sedangkan atribut name digunakan jika anchor akan digunakan sebagai tujuan. 1.Link ke dokumen lain Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda,anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu,baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.Untuk mencoba kita akan membuat 3 file yang saling berhubungan.Sebelumnya supaya file-file yang dibuat terlihat rapi kita buat folder "tabel" terlebih dahulu jika nanti file link yang kita buat tersimpan di dalam folder "tabel". 1.link-utama.html  <html> <head> <title> Halaman Utama </title> </head...

TEKNOLOGI WEB

TEKNOLOGI WEB sumber gambar slideplayer.info Web berdasarkan teknologinya terbagi menjadi dua,yaitu Web Statis dan Web Dinamis.Sebelum menuju ke perbedaan web statis dan web dinamis,mari kita bahas persamaannya terlebih dahulu.Persamaan web statis dan dinamis yaitu sama-sama keduanya merupakan suatu web yang menampilkan halaman yang ditampilkan di internet yang memuat informasi tertentu (khusus). Pengertian Web Statis dan Web Dinamis Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser.Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja.Halaman-halaman web tersebut tidak memiliki database,data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya.Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server. Contoh dari web statis adalah web yang berisi profil perusahaan.Disana hanya ada beberapa...