PENGERTIAN HTML DAN FUNGSINYA
HTML Adalah
kependekan dari Hypertext Markup Language , Menurut Bahasa bisa
dikategorikan sebagai berikut :
- Hypertext
berarti kata atau frase tertulis non- sekuensial yang memiliki percabangan
dengan bermacam pilihan yang akan menjadikan bacaan yang lebih menarik
pada layar interaktif.
- Markup Language
adalah bahasa yang mengkombinasikan antara teks (Hypertext) dengan
informasi yang hendak ditampilkan.
Sedangkan Pengertian HTML
menurut istilah merupakan bahasa yang bersifat statis yang digunakan
sebagai standart pembangun halaman web, berfungsi untuk menampilkan tampilan
wujud yang terintegrasi dan ditulis didalam format ASCII, bahasa ini bermula
dari SGML (Standard Generalized Markup Language) yang biasa digunakan di
dunia penerbitan dan percetakan. bahasa ini pertama kali dibuat oleh Caillau
TIM dengan Berners-lee rober.
Bahasa HTML biasanya diintruksikan dengan kode yang diberi nama TAGS,
berawalan (<) dan diakhiri dengan (>), misalnya
»HTML (Hyper Text
Markup Language) adalah sebuah bahasa markup yang digunakan untuk
membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah
browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan
di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard
Generalized Markup Language), HTML adalah sebuah standar yang digunakan
secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar
Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C).
HTML berupa kode-kode tag yang
menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang
diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet
Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA
dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan
dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi
yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai
contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL
TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan
instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri
dengan tanda </b>
untuk menonaktifkan cetak tebal tersebut.
Fungsi HTML
sendiri bisa digunakan untuk mengintegrasikan sebuah gambar dengan tulisan,
membuat link, integrasi berkas suara dan rekaman video, Bahasa HTML juga
memungkinkan kita untuk mengedit tampilan atau berkas yang hendak kita kirimkan
melalui media online, seperti menentukan besar kecilnya kelompok kata yang
hendak digunakan sebagai judul,Heading dll, membuat tulisan miring, cetak tebal
hingga menentukan karakter-karakter tertentu.
Contoh HTML :
<html>
<head>
<tittle>Tabel</tittle>
</head></html>
<br />
<table border="”1”"
bordercolor="”#000FF”" style="width: ”363”px;">
<caption>Membuat
Tabel</caption>
<tbody>
<tr>
<td
width="”120”">Baris 1 Kolom
1</td>
<td
width="”110”">Baris 1 Kolom 2 </td>
</tr>
<tr>
<td>Baris 2 Kolom 1
</td>
<td>Baris 2 Kolom 2
</td>
</tr>
<tr>
<td>Baris 3 Kolom 1
</td>
<td>Baris 3 Kolom 2
</td>
</tr>
</tbody>
</table>
PENGERTIAN HEAD , ELEMEN BODY ,TAG , ATRIBUT , Kode Marquee untuk mengatur lebar teks, untuk mengatur arah gerak teks , untuk mengatur teks berhenti jika dilintasi mouse :
Head
Dokumen HTML diapit oleh tag
<
HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag
TITLE yang menampilkan judul halaman pada titlenya browser.
Elemen Body
Bagian BODY, yang dinyatakan dengan tag
<
BODY>…</BODY>, merupakan tubuh atau isi dari dokumen
HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.
Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu
elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam
tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda
lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
- Tag awal, dinyatakan dalam
bentuk <nama tag>
- Tag akhir, dinyatakan dalam
bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring
Teks ini terlihat
miring di browser anda dengan perintah HTML < i>Teks ini terlihat
miring di browser Anda</i>
Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik
dari tag tersebut. Misalnya,
<P
ALIGN=”left”> digunakan untuk membuat rata kiri suatu
paragraf. Tag yang digunakan adalah
<P>
dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut
ALIGN hanya bisa berupa center, left, right atau justify.
- Teks di antara <html>
dan </html> mendeskripsikan web page.
- Teks di antara <body>
dan </body> adalah konten halaman web yang akan tertampil.
- Teks di antara <h1> dan
</h1> digunakan untuk menampilkan judul.
- Teks di antara <p> dan
</p> digunakan untuk menampilkan paragraf.
Menyisipkan Gambar di HTML
Sebelum kita menyisipkan gambar terlebih dahulu kita memastikan bahwa gambar
yang akan kita masukkan sudah berada didalam folder laptop yang kita gunakan .
<img src=”../pictures/potoq.jpg” width=”120″ height=”120″> ini
merupakan rumus bila kita ingin memasukkan gambar kita ke dalam HTML yang kita
buat .
<hr align=”left”|”center”|”right” size=”pixel” width=”persen”
noshade> ini merupakan spasi baris
Cara membuat tulisan berjalan (Marquee)
Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa
lebih suka dengan blog anda.
Perlu anda ketahui bahwa kode dasar Marquee adalah..
<marquee>TEKS YANG BERGERAK</marquee>
Kode Marquee untuk mengatur lebar teks
Kode
width="angka lebar" berguna untuk mengatur lebar dari
kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang
saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.
Contoh kodenya seperti ini:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH
BIDANG</marquee>
Kode Marquee untuk mengatur arah gerak teks
Kode
direction="left/right/up/down" berguna untuk mengatur
arah bergeraknya teks.
Contoh nya seperti ini:
<marquee direction="left” scrollamount=”3”><marquee>
Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse
Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"
Demikian info yang saya berikan , terimakasih atas kunjungan anda di blog saya :)
