Mengenal HTML

Playwebstar

Mengenal HTML - Dalam Pembelajaran Komputer playwebstar kali ini akan membahas mengenai HTML. Bicara HTML tentu tak luput dari yang namanya Internet, Internet merupakan jaringan yang saling terhubung diseluruh dunia. Agar jaringan yang beranekaragam didunia bisa berkomunikasi dibutuhkan Protokol. WWW (World Wide Web) merupakan bagian internet yang sangat berkembang.

Adapun 3 prinsip dasar www yakni :
1. HTTP sebagai protokol untuk www
2. URL sebagai standart alamat internet
3. HTML untuk membuat dokumen yang bisa diakses melalui web

HTML kependekan dari Hyper Text Markup Language adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform komputer ke platform komputer lain tanpa melakukan perubahan apapun.

Disebut Markup Laguage karena mengandung tanda-tanda tertentu yang digunakan untuk menampilkan suatu teks dan tingkat kepentingan teks tersebut dalam suatu dokumen. Dengan HTML dapat menentukan baris mana yang merupakan judul, menentukan tampilan gambar dan format teks lain.

Fungsi HTML diantaranya

Mengontrol tampilan dan isi Web page
Mempublikasikan file ke internet
Membuat online form
Menambah objek image, video dan audio

Apa yang dibutuhkan didalam HTML ?
1. Browser
Adalah Software yang menerjemahkan tag HTML menjadi Web Page. Misalnya Internet Explorer, Mozila Firefox, Opera, Google Chrome dll.

2. Editor
adalah Software yang digunakan untuk membuat halaman HTML. Misalnya Notepad, Ms. Front Page, Macromedia DreamWeaver dll

Struktur HTML

Keterangan :

No 1 Merupakan tanda awal dokumen HTML
2 - 4 Berisi informasi yang menjelaskan dokumen HTML, seperti judul, basis URL, hubungan antar dokumen dan index suatu dokumen.
5 - 6 Tubuh atau isi dokumen HTML, sebagian besar dokument HTML berada dibagian ini.
7 Merupakan tag penutup atau tanda akhir dari dokumen HTML.

Didalam dokumen HTML memiliki suatu Element HTML yang teridiri dari tag-tag dan atributnya.
TAG

Sewaktu browser menampilkan halaman web, browser akan membaca teks pada dokumen HTML dan mencari kode kusus yang disebut tag
Tag diapit dengan dua karakter kurung bersudut (angle bracket) < dan >
Tag biasanya selalu berpasangan yakni tag awal atau pembuka < ... > dan tag akhir atau penutup </ ... >
Format umum tag contohnya < nama tag > Teks </ nama tag >
Penulisan tag tidak case sensitive atau huruf besar dan kecil tidak berpengaruh.

ATRIBUT
Tag awal biasanya memiliki beberapa atribut yang menyatakan karakteristik tag tersebut.
Contoh <p align="center">
Keterangan

contoh diatas digunakan untuk membuat paragraf rata tengah.
< p > = tag
Align = atribut
Center = nilai dari atribut yang dipakai

Contoh Membuat Dokumen HTML
1. Buka Notepad ( Start - Program - Accecories - Notepad )
2. Ketikkan kode berikut

3. Simpan dengan nama Contoh.html (harus berekstensi .html)
4. Tutup notepad double klik Contoh.html tadi maka hasilnya akan seperti gambar dibawah ini.

Keterangan :

<body bgcolor="#FF0000"> = tag untuk membuat warna background, #FF0000 adalah code untuk warna merah.
<h1></h1> = Heading merupakan sekumpulan kata atau frase yang menjadi judul dan sub judul dalam HTML. Terdiri dari 6 tingakatan heading yakni H1,H2..., dan H6 dan harus mempunyai tag awal dan tag penutup.
<hr> = merupakan perintah untuk menampilkan garis horizontal penuh pada layar.
<b>HTML</b> = Bold, perintah untuk mencetak tulisan atau teks menjadi tebal.
<i>pertama</i> = Italic, perintah untuk membuat teks menjadi miring.
<p></p> = Paragraph, perintah untuk memisahkan paragraph satu dengan paragraph lain.
<a href="http://naughtyric.blogspot.com">disini</a> = perintah untuk membuat link

Nah bagaimana sobat cukup mudah bukan untuk membuat HTML, jika ada pertanyaan silahkan mengisi pada kotak komentar dibawah. Selamat mencoba dan semoga bermanfaat,,,

.: Semoga Bermanfaat :.