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

Elemen-elemen dasar HTML untuk memformat halaman web

Sumber gambar peterwebs.com 1.Elemen Head Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.Isi bagian head kecuali judul dokumen tidak akan terlihat oleh pembaca dokumen tersebut. Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut : Menyediakan judul dokumen Menjabatani hubungan antar dokumen Memberitahu browser untuk membuat form pencarian Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : 1.Tag <title>,digunakan untuk memberi judul dokumen.Penggunaannya sebagai berikut : <title> Judul </title> 2.Tag <base>,digunakan untuk menentukan basis URL sebuah dokumen.Penggunaannya adalah sebagai berikut : <base href="url"> contoh : <base href="//www.alamat.com/direktori"> 3.Tag <link>,digunakan untuk menunjukkan relasi antar do...
2 komentar
Baca selengkapnya

Pentingnya belajar berfilsafat

 Ingatlah kita ini kayak kereta yang harus dikendalikan oleh akal.Jangan sampai akalnya mati bolak-balik.Kayak katanya Aristoteles itu bilang manusia adalah binatang yang mikir,jangan sampai mikirnya ini mati,karena begitu mikirnya mati yang tersisa tinggal binatangnya,dia pengendalinya. Oke,makanya belajarlah filsafat.Nanti di bagian-bagian awal simposium diskusimu muncul ,,,kenapa kok tiba-tiba ngomong cinta...Ya,karena awalnya ngomong filsafat. Jadi,katanya Socrates kan sering bilang bahwa filsafat itu adalah satu bidang keilmuwan,bidang pengetahuan yang membuat kita bisa hidup lebih baik.Kenapa?karena kita bisa berfikir lebih baik..Socrates kan gitu..pengetahuan keniscayaan kebaikan..pengetahuan yang benar,perbuatan pasti juga benar.Enggak mungkin orang ngerti pengetahuan yang baik,perbuatannya salah..Kenapa orang kayak gini katanya Plato berarti dia belum benar-benar tau,dan dia orang bodoh..Karena kalau orang benar-benar ngerti,kalau dia tau kebaikan dia pasti melakukan kebai...
Posting Komentar
Baca selengkapnya

Membangun Sikap Percaya Diri

Aset paling berharga bagi banyak orang adalah juga aset yang paling belakangan dihargai.Aset itu,apabila ditangani dengan sebenarnya,akan mampu memberikan hasil secara dramatis.Aset yang tidak dapat dikenakan harga setinggi apa pun adalah otak manusia,pikiran dan proses berpikir.             Otak merupakan kawasan penyimpanan dan kapasitasnya luar biasa,menjadi pentingkah untuk berhati-hati di dalam mengisinya.Sebagian orang mempunyai otak yang penuh dengan pemikiran dan pengalaman negatif.Mereka akan secara terus-menerus menanamkan berbagai masukan sehingga ketika dihadapkan pada sebuah kesempatan atau tantangan baru,otak mereka,ketika ditanya,mengirimkan jawaban : Tidak, kamu tidak mampu, atau tanggapan lain semacam itu.Langkah yang diperlukan untuk membangun kepercayaan diri dan yang pada gilirannya membangun rasa percaya diri bagi motivasi diri dari dalam.             Begitu banyak orang mengurungkan niat mereka dengan ...
Posting Komentar
Baca selengkapnya