Friday, March 1, 2019
HTML (Hypertext Markup Language) ialah suatu script dimana kita bias menampilkan gosip dan daya kreasi kita melalui internet. HTML sendiri ialah suatu dokumen teks biasa yang praktis untuk dimengerti dibandingkan bahasa pemrograman lainnya, dan sebab bentuknya itu maka HTML sanggup dibaca oleh platform yang berlainan menyerupai windows, unix dan lainnya. (Sampurna, 1996:6).
HTML ialah bahasa pemrograman fleksibel dimana kita sanggup meletakkan script dari bahasa pemrograman lainnya, menyerupai JAVA, VB, C, dan lainnya. Hypertext dalam HTML berarti bahwa kita sanggup menuju ke suatu tempat, misal website atau halaman homepage lain, dengan cara menentukan suatu link yang biasanya digaris bawahi atau diwakili oleh suatu gambar. Selain link ke website atau homepage halaman lain, hypertext ini juga mengizinkan kita untuk menuju ke salah satu penggalan dalam satu teks itu sendiri.
HTML tidak berdiri sendiri, biar ia sanggup bertugas dalam membangun halaman web, ia harus ditulis dalam software atau aplikasi tertentu, yang dikenal sebagai HTML Editor. HTML Editor inilah yang bertugas untuk “menerjemahkan” bahasa HTML menjadi halaman web yang siap dilihat oleh para surfer di seluruh dunia. Secara umum, ada dua jenis HTML Editor, yaitu text editor dan WYSIWYG editor.
1. Text Editor
Text Editor biasa dipakai oleh mereka yang sudah andal dalam memakai bahasa HTML, sebab melalui editor jenis ini anda sanggup eksklusif menuliskan kode-kode HTML satu persatu, sesuai mekanisme teknis yang berlaku. Untuk editor jenis ini, kita sanggup memakai notepad.
2. WYSIWYG Editor
WYSIWYG Editor ialah solusi bagi mereka yang belum andal dalam memakai bahasa HTML. Pada jenis aplikasi ini, kita sanggup membangun halaman web dengan lebih gampang, sebab apa yang terlihat di layar akan sama dengan hasil yang anda dapatkan. WYSIWYG ialah akronim dari What You See Is What You Get. Untuk editor jenis ini , kita sanggup memakai aplikasi Microsoft Word, Excel, Access, PowerPoint, Outlook, FrontPage dan yang cukup popular Macromedia Dreamweaver.
Elemen pada HTML sanggup didefinisikan sebagai suatu arahan tertentu yang akan menyediakan kawasan untuk meletakkan beberapa arahan didalamnya. Berbeda dengan tag yang menangani satu arahan saja. Untuk lebih jelasnya perhatikan denah di bawah ini.
<HTML>
<HEAD>
<TITLE>tempat untuk menempatkan judul halaman web
</TITLE>
</HEAD>
<BODY>tempat untuk menempatkan informasi
</BODY>
</HTML>
Jadi terang bahwa elemen ialah satu penggalan yang besar yang terdiri dari banyak kode-kode yang disebut tag itu. Dokumen HTML dipertamai dengan tag <HTML> dan diakhiri dengan tag </HTML>. Elemen pada HTML akan memisah dokumen menjadi dua penggalan utama, antara lain :
1. Elemen <HEAD>………</HEAD> : Merupakan penggalan kepala, kawasan untuk menuliskan keterangan terkena judul halaman web, nama pengarang dan script atau aktivitas kecil.
2. Elemen <BODY>………</BODY> : Merupakan penggalan tubuh atau isi, kawasan untuk menuliskan gosip yang akan ditampilkan pada browser.
Pada penggalan head ini biasanya diapit oleh dua buah perintah yaitu <head> dan </head> yang didalamnya terdapat komponen menyerupai judul dokumen yang ditulis dengan diapit oleh tag <title> dan </title>, pengenal serta fungsi-fungsi aktivitas lainnya. Selain tag <title> didalam head juga dikenal tag-tag lainnya yaitu tag <base> yang berfungsi untuk menentukan basis URL sebuah dokumen, tag <link> yang berfungsi untuk mengatakan hubungan antar dokumen pada HTML dan tag <meta> yang berfungsi untuk mendefinisikan informasi-informasi di luar HTML.
Sebagai pola tag yang ada pada penggalan head dalam sebuah file HTML yaitu sebagai diberikut.
<head>
<meta http-equiv=”Content-Type” content=”text/html;
charset=windows-1252”>
<meta name=”GENERATOR” content=”Microsoft FrontPage 4.0”> <meta name=”ProgId” content=”FrontPage. Editor . document”>
<title>New Page 1</title>
</head>
Pada penggalan body ini ialah isi dari dokumen HTML didalamnya sanggup untuk menampilkan teks, gambar, suara, animasi teks dan lain-lainnya sesuai dengan tampilan yang diinginkan pada halman web. Pada tag <body> ini memiliki beberapa attribut yang memiliki fungsi-fungsi tertentu yang sanggup dipakai dalam HTML, adapun attribut yang ada lihat tabel 2.1 di bawah.
Tabel 2.1 Atribut dan Fungsi Dalam Tag <BODY>
| ATRIBUT | FUNGSI |
| ALINK | Menentukan warna dari lingkungan aktif. |
| BACKGROUND | Merujuk pada URL atau direktori dari file gambar yang dipakai sebagai latar belakang. |
| BGPROPERTIES | Menentukan warna latar belakang dokumen. |
| LINK | Menentukan warna dari link yang belum dikunjungi. |
| TEXT | Menentukan warna teks. |
| TOPMARGIN | Menentukan batas atas dokumen dalam pixel. |
| VLINK | Menentukan warna dari link yang sudah dikunjungi. |
Untuk lebih jelasnya ihwal penerapan tag <body> tersebut sanggup dilihat dalam potongan file HTML sebagai diberikut.
<HTML>
<HEAD>
<TITLE>misal perintah body</TITLE>
</HEAD>
<BODY BGCOLOR=”Silver” TEXT=”Blue” ALINK = #000000
VLINK= #FF0000 LINK=”Green”>
Ini ialah pola penerapan tag body
</BODY>
</HTML>
Tag spesialuntuklah penggalan dari elemen. Tag ialah kode-kode yang dipakai untuk men-setting dokumen HTML. Dari tiap-tiap teks programnya, dimulai dengan tanda <Tag-pertama> dan diakhiri dengan tanda </Tag-akhir>. Untuk membuat dokumen HTML, perlu mengetahui dan mempelajari elemen serta tag- tag yang dipakai untuk menandai bagian-bagian dari suatu dokumen dengan memakai aktivitas editor teks biasa yaitu notepad atau dengan yang berbasiskan WYSIWYG menyerupai Maxromedia Dreamweaver dan Microsoft FrontPage.
Adapun tag-tag tersebut sanggup dilihat pada tabel 2.2.
Tabel 2..2 Tag Untuk Format Dokumen HTML
| NAMA TAG | FUNGSI |
| <BR> | Untuk membuat baris baru. |
| <P> | Untuk memulai suatu paragraf baru. |
| <HR> | Untuk membuat garis batas horizontal sekaligus membuat baris baru. Didalam tag ini terdapat attribut ALIGN, WIDTH, SIZE, dan COLOR. |
| <Hn> | Digunakan untuk membuat heading dalam sebuah dokumen, dimana n akan memiliki nilai dari 1 hingga 7 dengan 1 ialah ukuran karakter yang paling besar. |
| <PRE> | Untuk menampilkan teks pada halaman browser sama dengan tampilan yang ada pada teks editor, sehingga dengan perintah ini tag <P> dan tag <BR> menjadi tidak dibutuhkan lagi. |
| <CENTER> | Untuk menampilkan teks yang ditulis menjadi rata ditengah (centering). |
| <FONT> | Untuk mengatur jenis, ukuran dan warna bentuk goresan pena (font) yang akan ditampilkan. Tag ini memiliki attribut face untuk nama font, Color untuk warna font dan Size untuk ukuran font. Tag ini biasanya diakhiri dengan tag </FONT>. |