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.

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

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...
Posting Komentar
Baca selengkapnya

Enam Kebiasaan yang tidak produktif

1.Tidak memiliki rencana dalam hidup Dalam bukunya yang terkenal William feather menyampaikan dua jenis perbuatan yang mendatangkan kegagalan. a.yang pertama orang yang bertindak tanpa rencana b.yang kedua orang yang berencana namun tak melakukan apapun. Sekali pikiran manusia telah di kembangkan dengan rencana baru maka tak akan pernah mendapatkan kembali dimensinya yang lama                                                                           Oliver Wendell Holmes 2.Kehilangan sikap dalam hidupnya Orang senantiasa akan mendapatkan apa yang paling di harapkan dalam hidupnya.Bila pengharapannya baik maka kebaikan akan mendatanginya,namun bila pengharapannya buruk,maka keburukannlah yang akan mendatanginya. Masa depan merupakan milik mereka yang percaya pada mimpi mimp...
Posting Komentar
Baca selengkapnya

Jalan Menuju Sukses

Kita tak akan pernah tahu sampai bila kita tak pernah memulai #Howard Zinn Bergeraklah cepat,jangan sampai kita menjadi penonton yang sukses.Mulailah dengan langkah nyata,gerakan langkahmu!!! Jika kita memiliki keinginan untuk menjadi seorang pengusaha yang berhasil,rasanya tidak cukup kita memiliki keinginan saja,tetapi kita tetap harus melangkahkan kaki,menggerakkan tubuh untuk mencapai keinginan tersebut.Dibenak kita harus ingat,untuk mencapai langkah keseribu kita membutuhkan langkah pertama.Tidak akan pernah ada langkah keseribu tanpa kita memulai langkah pertama.Itu pasti. Apapun jika kita ingin berangkat ke Jakarta,maka kita harus memutuskan apakah kita berangkat ke Jakarta tersebut menggunakan kendaraan umum atau berjalan kaki,apakah menggunakan kereta atau bis,apakah menggunakan motor atau mobil sendiri.Tujuan arahnya apakah melalui Cianjur atau Purwakarta.Saat ini sudah ada jalan tol Purbaleunyi,alangkah lebih cepatnya melewati jalan tol.Berbagai pilihan tersaji di depa...
Posting Komentar
Baca selengkapnya