Mengenal Struktur Web dan Bahasa Pemerograman HTML

Post on 14-Jun-2015

2.612 views 1 download

description

Presentasi Kelas

Transcript of Mengenal Struktur Web dan Bahasa Pemerograman HTML

Untuk memulai belajar pemrograman maupun membuat sebuah halaman web khususnya HTML, selain diperlukan penguasaan

tentang perintah-perintah pemrograman HTML tersebut, seorang pemrogram web juga harus mengetahui arah dan tujuan serta distribusi terhadap hasil yang akan diperoleh. Untuk mencapai

tujuan tersebut seorang pemrogram harus mengetahui juga teknologi yang tepat untuk digunakan dalam membantu

pekerjaannya.

www (world wide web) atau sering disebut dengan istilah web saja. Web didistribusikan dengan menggunakan pendekatan hypertext. Dimana hanya dengan menggunakan suatu teks yang tidak terlalu banyak/singkat bisa dijadikan acuan untuk membuka dokumen yang lain. melalui pendekatan hypertext ini seorang user dapat memperoleh informasi yang diinginkan dengan cepat.

www (world wide web) atau sering disebut dengan istilah web saja. Web didistribusikan dengan menggunakan pendekatan hypertext. Dimana hanya dengan menggunakan suatu teks yang tidak terlalu banyak/singkat bisa dijadikan acuan untuk membuka dokumen yang lain. melalui pendekatan hypertext ini seorang user dapat memperoleh informasi yang diinginkan dengan cepat.

1. Webcreator ( Frontpage, Dreameweaver dll ) 2. Nama domain (Domain name/URL - Uniform Resource Locator)3. Hosting 4. Server / Web Server5. Inetrnet

HTTP (hypertext transper protokol ) merupakan protokol yang diguanakan untuk mentransper data antara webserver ke web broser. Protokol ini

mntransper dokumen-dokumen web yang diulis atau berformat HTML ( Hipertext markup language )

Dokumen HTML Bisa dibagi menjadi tiga bagian utama :. HTML

Setiap dokumen HTML har diawali dan diutup dengan tag HTML<HTML></HTML>

Tag HTML memberitahu broser bahwa yang didalam kedua tag tersebut adalah dokumen HTML.

. HEAD Bagian Header dari dokumen HTML diapit oleh tag <HEAD></HEAD>

didalam bagian ini biasanya biasanya dimuai tag TITLE yang menampilkan judul dari halaman pada title-nya borwser.

BODY Bagian body dari dokumen HTML diapit oleh tag <BODY></BODY>

Documen body digunakan untuk menampilkan text, image, link dan semua yang akan di tampilkan pada web page.

Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen <body>

Atribut elemen body

Bacground = lokasi dan nama file ( laar belakang dan image file dokumen )bgcolor = warna ( warna latar belakang dokumen, default putih )

text = warna ( warna text dokumen, default hitam)link = warna ( warna link dokumen, default biru )

vlink = warna ( warna visited link dokumen, default ungu )alink = warna ( warna active link documen, default merah)

Berikut ini adalah contoh beberapa kode warna :

BLOCK LEVEL ELEMEN yang sering di gunakan :Heading ( H1 sampai H6 )

PARAGRAF ( P ) Pengaturan Jarak Spasi Paragraf

Properti <li> digunakan untuk menampilkan informasi daam bentuk daftar ( list) Ada dua jenis daftar yang dikenal dalam HTML, yaitu list dalam format bullet ( unordered list <ul>)

dan dalam bentuk nomor (order list <ol>)

Order list type =[ 1| a | A | i | I ] ( tipe penomoran default 1 )

Undered list type = [ disk | square | circle ] ( tope bullet default disc)