Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
Hendra Di Kesuma, S.Kom., M.Cs Sistem Informasi STMIK “BINA NUSANTARA JAYA”
2
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 ‘/’.
3
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
4
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>
5
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
6
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
7
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>
8
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
9
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>
10
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
11
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>
Presentasi serupa
