Mengenal Struktur Web dan Bahasa Pemerograman HTML
-
Upload
nurdin-al-azies -
Category
Education
-
view
2.618 -
download
1
description
Transcript of Mengenal Struktur Web dan Bahasa Pemerograman HTML
![Page 1: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/1.jpg)
![Page 2: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/3.jpg)
![Page 4: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/5.jpg)
![Page 6: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/8.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/10.jpg)
Berikut ini adalah contoh beberapa kode warna :
![Page 11: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/11.jpg)
BLOCK LEVEL ELEMEN yang sering di gunakan :Heading ( H1 sampai H6 )
![Page 12: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/12.jpg)
PARAGRAF ( P ) Pengaturan Jarak Spasi Paragraf
![Page 13: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/13.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/14.jpg)
![Page 15: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/15.jpg)
![Page 16: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/16.jpg)
![Page 17: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/17.jpg)
![Page 18: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/18.jpg)
![Page 19: Mengenal Struktur Web dan Bahasa Pemerograman HTML](https://reader035.fdocuments.net/reader035/viewer/2022081422/557cd0f1d8b42a0c368b49e3/html5/thumbnails/19.jpg)