MODUL TIK 8

Utk KLS 8 & 9-Unggul

By: Agus Triono, S.Pd

Pengantar HTML

Setelah menyelesaikan modul ini, anda diharapkan dapat:
- Memahami konstruksi dasar halaman web.
- Mengerti tentang WWW
- Mengerti tag-tag dasar HTML
- Membuat halaman web dengan HTML sederhana.

World Wide Web (WWW)
World Wide Web (WWW) - Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia.
- TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
- World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer.

WWW bekerja merdasarkan pada tiga mekanisme berikut:
- Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
- Address WWW memiliki aturan penamaan alamat web yaitu: URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.
- HTML digunakan untuk membuat document yang bisa di akses melalui web.

HyperText Markup Language (HTML)
HTML standard bahasa yang digunakan untuk menampilkan document web.
- Mengontrol tampilan dari web page dan contentnya.
- Mempublikasikan document secara online sehingga bisa di akses.
- Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
- Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.

Browser dan Editor
- Browser: Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator, Opera, Mozilla dan masih banyak yang lainya.
- Editor: Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Notepad, Microsoft FrontPage, Macromedia Dreamweaver, dan lain-lain.

Tag-tag HTML
-Kalo pada bahasa pemrograman kita mengenal code, maka pada HTML kita mengenal yang namanya tag.
-Contoh tag html adalah <head>, <title>, <body>, <html>, <img>, dan lain-lain.
-Tag html tidak bersifat case sensitive <body> sama dengan <BODY>

Bentuk umum penulisan tag html adalah:
<ELEMENT ATTRIBUTE = value>
Dimana:
Element : nama tag
Attribute : atribut dari tag
Value : nilai dari atribut.
Contoh:
<BODY BGCOLOR=lavender>

Struktur HTML document
Document HTML bisa di bagi mejadi tiga bagian utama: html, head, dan body.
<html>
   <head>

    </head>

    <body>

    </body>
</html>

Susunan HTML
Homepage terdiri atas:
   - kepala
   <head>
dan
   - tubuh
   <body>

contoh kepala HTML:
   <head>
    <title>
    "ini isi kepala web saya"
    </title>
    </head>

contoh tubuh:
   <body>
    <h1>Selamat datang<h1>
    ...........(isi lainnya)
    </body>

<HTML>
- Setiap document HTML harus di awali dan di tutup dengan tag HTML <html>...</html>
- Tag memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah document HTML.

<HEAD>
Bagian header dari document HTML di apit oleh tag <head></head>
Di dalam bagian ini biasanya dimuat tag <tittle> yang menampilkan judul dari halaman web.
<head>
<title><Welcome to sekolahku</title>
</head>

<BODY>
Tag <body> di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.
contoh:
<html>
<head>
<title>Welcome to eepis-its</title>
</head>
<body bgcolor="lavender">
<p>Document HTML yang Pertama

</body>
</html>

Elemen dasar – Block Level
Block level element: terdapat 6 tingkatan, yaitu H1 sampai H6.
contoh:
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
hasil outputnya: