Indah's Blog: Mei 2015

Pada postingan sebelumnya telah dikenalkan tentang HTML (Hypertext MarkUp Language). HTML adalah suatu teknik menyajikan informasi sebagai sebuah link dari node-node pada jaringan struktur informasi yang dapat mengakomodasi pembaca untuk bebas bernavigasi dalam mode non-linear.

Tahaptahap dalam pembuatan desain dokumen HTML yaitu: Pendefinisian masalah, Desain struktur dan isi situs, Implementasi, kemudian Uji coba. Tahapan-tahapan ini sangat membantu dalam pemeliharaan dokumen dan upgrading sistem.
Dokumen HTML juga memiliki struktur diantaranya:

Struktur Hireark: Mempresentasikan suatu informasi yang memiliki hirarki tetap.
Struktur Linear: Mempresentasikan suatu informasi yang memiliki konsep penyajian satu arah, contohnya web tutorial program
Struktur Linear dan Alternatif: Ini struktur linear tetapi mengizinkan user melompat antar topik
Struktur Jejaring (Web): Mempresentasikan suatu jaringan informasi yang tidak memiliki struktur baku.

Gambar diatas adalah struktur dasar pembuatan HTML. Dimana <head> sampai </head> diatas merupakan judul, kemudian <body></body> merupakan kontennya. Pada struktur ini terdapat tag yang berpasangan seperti <html> dengan </html>, tanda "/" merupakan tanda penutup. Sedangkan tag yang tidak memiliki pasangan contohnya , .
Pada HTML juga kita dapat mengatur teksnya.

Heading, yaitu mengatur ukuran font, ukuran heading ini dimulai dari 1 sampai 6, semakin besar maka ukuran headingnya semakin kecil.
Paragraf , Line Break , Horizontal Rule <hr>. Pada pembuatan paragraf ini dimana merupakan tag untuk pindah garis dan <hr> digunakan untuk membuat tanda garis.
Font , pada pemformatan font ini, font dimulai dari ukuran size 1 sampai 7, Face digunakan untuk jenis font yang digunakan, dan color digunakan untuk memberi warna pada font seperti:
Logical Formatting: Sitasi <CITE>, digunakan untuk membuat sitasi. <CODE> untuk menunjukkan kode kecil pada komputer. digunakan untuk memberikan penekanan. <DFN> mendefinisikan elemen misalnya digunakan untuk membuat sub-definisi dalam daftar mendefinisikan. <KBD> digunakan untuk menunjukan respon entri pengguna. <SAMP> untuk menunjukan literal karakter. digunakan untuk membuat penguatan pada kata/kalimat, ini sepeerti halnya dengan . <VAR> digunakan untuk mengidentikasi nama variabel.
Physical Formatting:

: untuk menebalkan kata
 : untuk memiringkan kata
: untuk memberikan garis bawah pada kata atau kalimat
<STRIKE> : untuk memberikan garis tengah pada kalimat atau kata yang dianggap salah
<TT> : untuk menunjukkan literal karakter
<BIG> : untuk membuat tulisan menjadi besar
:untuk membuat tulisan menjadi kecil
: untuk membuat teks dibawah teks normal
: untuk membuat teks diatas teks bawah, ini layaknya seperti pangkat

Dalam pembuatan list atau daftar, ini menggunakan unordered list dan odered list.

<UL> : digunakan untuk membuat list dengan angka
<OL> : untuk membuat list dengan huruf
<DL> : untuk menyatakan daftar definisi
<DD> :untuk menyatakan tempat definisi istilah
<DT> : menyatakan tempat istilah yang akan didefinisikan

Selain itu kita juga dapat menisipkan gambar dan juga link. Untuk menyisipkan gambar menggunakan tag <img> sedangkan untuk menghubungkan dokumen web menggunakan tag <link>.

Indah's Blog

Sabtu, 09 Mei 2015

Mengenal Lebih tentang HTML