INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA” Hendra Di Kesuma, S.Kom., M.Cs hendra.dikesuma@gmail.com Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Mengenal HTML…? Apa itu HTML? HTML (Hypertext Markup Languange) merupakan suatu bentuk format standard yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dasar-dasar HTML Suatu file atau dokumen HTML diakses di dalam suatu protokol internet yang dikenal dengan nama HTTP (Hypertext Transfer Protocol). Elemen HTML dikenal dengan nama tag HTML, elemen ini dikurung dg tanda ‘<’ dan ‘>’. Dan tag HTML ini diakhiri dg tag yang memiliki tanda ‘/’.
Mengenal HTML Contoh : <belajar> HTML </belajar> Tidak case sensitive!! Tetapi W3C (World Wide Web Consorsium) merekomendasikan untuk lowercase. Struktur dasar HTML Suatu dokumen HTML memiliki struktur sbg berikut : File HTML HEAD BODY
Mengenal HTML Coba ini..!! File Struktur.html <html> <head><title>Ini untuk Judulnya</title></head> <body> Ini bagian yang akan ditampilkan dalam dokumen ini. Isinya boleh text, gambar, tabel, animasi, dll. </body> </html>
Pengaturan Properti Body Beberapa atribut dari tag body Atribut Fungsi bgcolor Menentukan warna background text Menentukan warna text alink Menentukan warna link yang aktif vlink Menentukan warna visited link background Menentukan gambar dg menunjuk ke suatu file gambar
Pengaturan Warna Body Warna dalam dokumen HTML ditentukan dg kode RGB heksadesimal, yang mana tiap warna dituliskan dengan dua digit heksadesimal (0,1,2,…,F) Warna Heksadesimal Dituliskan R G B White FF #FFFFFF Black 00 #000000 Red #FF0000 Green #00FF00 Blue #0000FF Magenta #FF00FF Cyan #00FFFF
Contoh Properti Body dan Warna Coba lagi..!! File body.html <html> <head><title>Ini untuk Judulnya</title></head> <body bgcolor=#0000FF text=“yellow”> Ini bagian yang akan ditampilkan dalam dokumen ini. Isinya boleh text, gambar, tabel, animasi, dll. </body> </html>
Format Karakter dan Font Untuk format tampilan, ada beberapa tag yang dapat digunakan, yakni : Align / Valign pada paragraf : left, center, right. tag Fungsi/arti atribut <hn> headline Align <br> break <p> paragraph <hr> Horizontal rules Align, size, width, noshade
Format Karakter dan Font Coba lagi..!! File testing.html <html> <head><title>Testing Paragraf, break dan garis</title></head> <body> <h1>Kelas Sistem Informasi II A</h1> <h2>Kelas Sistem Informasi II A</h2> <h3>Kelas Sistem Informasi II A</h3> <hr width=75% align=right> Belajar membuat website<br> <p>Kelas<br>Sistem Informasi<br>Semester II</p> </body> </html>
Format Karakter dan Font Untuk memformat suatu font pada halaman HTML, dapat ditentukan dengan tag <font>. Selain itu ada juga tag yg dapat digunakan utk menentukan ragam karakter. Atribut Fungsi Size Menentukan ukuran teks color Menentukan warna teks face Menentukan jenis font yang ditampilkan Tag Fungsi <b> Menghasilkan huruf tebal (bold) <i> Menghasilkan huruf miring (italic) <u> Menghasilkan garis bawah (underline) pada teks <small> Menghasilkan teks kecil
Format Karakter dan Font File teks.html <html> <head><title>Format Font</title></head> <body> <h1 align=“center”><font face=“arial” color=“#ff00a8”>Kelas SI 2A</font></h1> <h2>Belajar bentuk-bentuk dan format font</h2> <b>Teks ini akan tebal</b><br> <i>Teks ini akan miring</i><br> <u>Teks ini akan bergaris bawah</u><br> <p> <hr> <small>© 2011 SI 2A - All rights reserved</small> </p> </body> </html>