Mengenal Struktur Web dan Bahasa Pemerograman HTML

19

description

Presentasi Kelas

Transcript of Mengenal Struktur Web dan Bahasa Pemerograman HTML

Page 1: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 2: 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.

Page 3: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 4: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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.

Page 5: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 6: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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

Page 7: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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 )

Page 8: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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.

Page 9: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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)

Page 10: Mengenal Struktur Web dan Bahasa Pemerograman HTML

Berikut ini adalah contoh beberapa kode warna :

Page 11: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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

Page 12: Mengenal Struktur Web dan Bahasa Pemerograman HTML

PARAGRAF ( P ) Pengaturan Jarak Spasi Paragraf

Page 13: Mengenal Struktur Web dan Bahasa Pemerograman HTML

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)

Page 14: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 15: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 16: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 17: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 18: Mengenal Struktur Web dan Bahasa Pemerograman HTML
Page 19: Mengenal Struktur Web dan Bahasa Pemerograman HTML