Modul III HTML dan Blog

HTML

HTML atau HyperText Mark up Language yaitu suatu metoda untuk menerapkan konsep hypertext pada suatu dokumen tetapi html ini bukanlah suatu bahasa pemrograman karena sifatnya hanya memberikan tag atau suatu perintah pada web browser untuk menampilkan sebuah halaman web yang berisikan berbagai macam format file seperti gambar, teks, grafik, dll. Berdasarkan kata kata penyusunnya yaitu Hypertext adalah kata atau frase yang dapat menunjukan hubungan suatu dokumen dengan dokumen lainnya atau gampangnya jika kita klik pada suatu kata atau frasa maka kita akan dibawa oleh browser pada link yang telah ditentukan. Markup yaitu menunjukkan bahwa HTML itu berisi perintah perintah yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web. Language, pada HTML language diartikan sebagai kumpulan beberapa intruksi yang digunakan untuk mengubah suatu naskah.

Elemen Dasar Tag HTML

Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)

Judul
<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)

Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)

Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)

Tag untuk Mengatur Format Tampilan

Huruf Tebal
<B></B>
(Bold)

Huruf Miring
<I></I>
(Italic)

Garis Bawah
<U></U>
(Underline - jarang digunakan)

Rata Tengah
<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)

Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)

Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)

Warna Huruf
<FONT COLOR="#$$$"></FONT>

Pilih Jenis Huruf
<FONT FACE="***"></FONT>

Tag Pemisah

Paragraf
<P></P>
(tag penutup seringkali tak diperlukan)

Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P>

Pndah Baris
<BR>
(pindah ke baris berikut)

Garis Datar
<HR>
(Horizontal Rule)

Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>

Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)

Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)

Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)

Tag untuk Mengatur Latar Belakang dan Warna

Latar Belakang Gambar
<BODY BACKGROUND="URL">
(Tiled Background)

Warna Latar Belakang
<BODY BGCOLOR="#$$$"
(Background Color - urutan: merah/hijau/biru)

Warna Huruf Teks
<BODY TEXT="#$$$">

Tag untuk Membuat Table

Rancangan Tabel
<TABLE></TABLE>

Garis Batas Tabel
<TABLE BORDER=?></TABLE>

Lebar Tabel
<TABLE WIDTH=?>
(dalam satuan pixel)

Lebar Tabel Persentasi
<TABLE WIDTH="%">
(dalam satuan persen terhadap lebar halaman)

Baris dalam Tabel
<TR></TR>

Penataan Letak Baris
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Sel dalam Tabel
<TD></TD>
(harus ada dalam setiap baris tabel)

Penataan Letak Sel
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan Center)

Penataan Letak Kepala Tabel
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Warna Kepala Tabel
<TH BGCOLOR="#$quot;>

Blog

Blog atau weblog yaitu sebuah catatan online yang berisi tulisan, artikel ataupun informasi yang dapat diperbarui secara teratur dan dapat diakses secara umum. Untuk aksesnya sendiri yaitu dengan cara online. Biasanya ciri suatu blog itu memiliki alamat yang bisa diakses secara online dan memiliki tujuan. Tujuannya sendiri bermacam macam seperti menyediakan berbagai informasi untuk kepentingan pribadi ataupun umum, menyalurkan hobi dalam merangkai kata atau menulis dan berkarya, blog juga bisa sebagai alat untuk berbagi pengalaman seorang bloger(penulis blog).