Cendikiawan Muslim

MEMAHAMI “ HTML” DENGAN SINGKAT (untuk pemula)

Pada dasarnya “HTML ( Hypertext Mark-up Language” adalah dokumen yang mampu berinteraksi satu dokumen dengan dokumen lain, HTML bukanlah bahasa pemograman, melainkan bahasa pengkodean, tampilan Word Wide Web. Ketika kita melakukan pengetikan pada Office Word maka file yang dihasilkan adalah (*.doc) tapi untuk html ini maka file yang dihasilkan adalah (*.html)

Dasar dari file HTML adalah file teks yang terdiri dari kode-kode ASCII, kode yang diketik dalam bentuk teks dan disimpan kedalam file (*.html) seperti di sebutkan di atas atau biasa kita kenal dengan istilah lain “script” dan biasa dilakukan pada program “NotePad”

FORMAT DASAR HTM

Dalam perintah penulisan tidak ada perbedaan antara hurup besar dan kecil, setiap satu intruksi diawali dan diakhiri dengan satu tag, adapun perbedaannya untuk tag awal tidak pakai slash tapi untuk tag terakhir memakai slash (“/”)

Contoh:

<B>Pengunjung</B>

Dalam tag tersebut, kata “Pengunjung” ditulis dengan bold dari awal perintah hingga akhir, adapun susunanannya sbb:

<HTML>

<HEAD>

....................

Informasi halaman Block HEAD, judul, tanggal, penggunaan bahasa dll.

....................

</HEAD>

<BODY>

..................

Isi halaman anda Block BODY, informasi pada halaman web melalui browser

....................

</BODY>

</HTML>

Contoh 1

HTML>

<HEAD>

<TITLE>Website Lalan Hadiansyah</TITLE>

</HEAD>

<BODY>

Selamat Datang

Hallo,

Selamat! Anda telah berada pada homepage latihan saya,

Perkenalkan nama saya Lalan Hadiansyah, bergelut dibidang percetakan kartu

nama, id, kartu siswa/karyawan, pin dll.

Jika anda berminat atau hendak kerja sama silahkan hubungi saya di

no.02292090078

</BODY>

</HTML>

Contoh 2

Tag “H” merupakan Headline dari halaman yang dapat digunakan adalah dari H1 sampai H6, yang dimana H1 menampilkan ukuran hurup terbesar dan H6 headline terkecil.

H3 atau <P> adalah salah satu dari beberapa tag yang tidak mesti berpasangan tag ini digunakan pada akhir paragrap. Ketika browser menampilkan paragraf tersebut, pada baris sesudahnya akan dikosongkan satu baris untuk membedakan dengan paragraf lain.

Selanjutnya kita juga akan mendapati tag <br>, digunakan untuk memisahkan satu teks dengan teks kebaris berikutnya, tanpa ada pemisahan akibat tag tadi (<P>)

Contoh

<HTML>

<HEAD>

<TITLE>Website Lalan Hadiansyah</TITLE>

</HEAD>

<BODY>

<h1>Selamat Datang</h1>

<P> Hallo,

Selamat! Anda telah berada pada homepage latihan saya,

Perkenalkan nama saya Lalan Hadiansyah, bergelut dibidang percetakan kartu

nama, id, kartu siswa/karyawan, pin dll.</P>

Jika anda berminat atau hendak kerja sama silahkan hubungi saya di<br>

no.02292090078<br>

</BODY>

</HTML>

Contoh 3

Dan untuk lebih memahami format huruf sebaiknya anda perhatikan bagan di bawah ini

TAG	PENGARUH PADA TEKS
<b> . . . </b>	Tebal
<i> . . . </i>	Miring
<u> . . . </u>	Garis bawah
<s> . . . </s>	Coretan
<big> . . . </big>	Membesarkan
<small> . . . </small>	Memperkecil
<sub> . . . </sub>	Agak kebawah
<sup> . . . </sup>	Agak keatas