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

Si Gadis Buta Pembakit Percaya Diri

Ada Satu kisah yang menceritakan seorang gadis buta.Suatu hari ia bertemu seorang pesulap yang kemudian mengajaknya bermain sulap.Ajaib sekali bahwa sang gadis bisa menebak seluruh kartu yang diberikan sang pesulap.Pertanyaan kemudian,mengapa si gadis buta itu dapat menebak permainan sang pesulap?Ternyata rahasianya ada pada kecerdikan sang pesulap.Dengan menggunakan beberapa trik muslihat,ia berhasil mengeluarkan potensi sang gadis untuk bermain sulap bersamanya.Tanpa ragu sang pesulap mengajak sang gadis bermain di hadapan keluarganya,dihadapan orang banyak.Kepercayaan diri sang pesulap yang begitu tinggi menular pada sang gadis buta.              Sejak saat itu,sang gadis merasa telah menjadi seorang bintang di rumahnya.Ini terjadi hanya karena ada orang yang memberinya kesempatan untuk bersinar sejenak dan merasa istimewa di depan keluarganya.Ia yang selama ini merasa menjadi beban dalam keluarganya,sekarang merasa sejajar dengan mereka karena peri...
Posting Komentar
Baca selengkapnya

Skala Suhu dan Perbandingannya

  a. Skala Celcius Skala Celcius merupakan skala yang paling banyak digunakan dalam kehidupan sehari-sehari. Skala Celcius ditetapkan oleh seorang fisikawan Swedia yang bernama Andreas Celcius (1701 - 1744).Skala temperatur Celcius menggunakan satuan 'Derajat Celcius' (simbol °C).Pada skala Celcius,titik beku air ditetapkan sebagai titik tetap bawah,yaitu sebesar 0°C dan titik didih air ditetapkan sebagai titik tetap atas,yaitu sebesar 100°C.Jarak antara kedua titik tetap ini dibagi menjadi 100 skala. Tokoh Sains Andreas Celcius Andreas Celcius (27 November 1701 - 25 April 1744) lahir di Ovanaker,Swedia.Beliau adalah seorang profesor astronomi di Universitas Uppsala dari tahun 1730 hingga 1744.Pada tahun 1733 di Nuremberg,Celcius menerbitkan sebuah koleksi 316 pengamatan Aurora Borealis yang dibuatnya dan orang lain selama tahun 1716 - 1732.Di Paris beliau menggagas pengukuran busur Meridian di lapland dan pada 1736 mengikuti sebuah ekspedisi yang dilaksanakan untuk tujuan ters...
Posting Komentar
Baca selengkapnya