Anda di halaman 1dari 18

SIMPLE HOME PAGE

TIK Kelas XI
PEMROGRAMAN WEB

 HTML
 ASP
 PHP
 Jsp
 J2EE
 ASP.net
 Dll.
BELAJAR HTML
HTML ?
• singkatan dari HyperText Markup Language
•Yakni standar bahasa yang digunakan untuk menampilkan
dokumen web.
Software yang diperlukan:
Text editor sederhana.
Contoh:
Windows: Notepad
Mac: textedit
Linux: gEdit, mcedit, pico, dan vi.
Web browser untuk menampilkan dokumen web yang dibuat.
Contoh:
Windows dan mac : Internet Explorer, Opera dan Firefox
Linux: Firefox dan Conqueror.
MEKANISME KERJA PERMINTAAN
DOKUMEN HTML
TAG HTML

<html> Berarti dokumen html


<head> Mendefinisikan head document.
<title> Mendefinisikan title
<h1> ... <h6> Ukuran font
<img> Image, imagemap atau animation
<p> Ganti paragraf
<br> Pindah baris
<font> Mengganti jenis, ukuran, warna huruf yang akan
digunakan utk teks
BUAT FILE HTML

 Buka Notepad
 Ketikkan kode HTML berikut :
BAGIAN HEAD DAN BODY

 Tag Head : <head></head>


 Tag Body : <body></body>

HEAD

BODY
MENYIMPAN FILE HTML

 Buat folder baru di drive D:\ atau E:\


 Beri nama folder : HTML
 Klik menu file pada notepad  save as  arahkan ke folder
yang telah dibuat  ubah Save as type menjadi All Files  beri
nama file html1.html  tekan tombol save.
MEMBUKA FILE HTML

 Buka folder HTML


 Buka file html1 pada Internet Explorer atau browser lainnya.

HEAD
BODY
BARIS

 Tag : <br></br>
PARAGRAF

 <p></p>
 Properti paragraf “align”
GARIS

 <hr>
 Properti : align, size, color, width
FONT

 <font></font>
 Properti : size, color, face
HEADING

 <h1>…</h1>
 Ada heading 1 sampai heading 6
MODEL HURUF

 <b>TEBAL</b>
 <em>miring</em>
 <u>garis bawah</u>
MENAMPILKAN GAMBAR

 <img></img>
 Properti : src (source), width (lebar), height (tinggi), hpace
(horisontal space), vspace (vertical space)

Anda mungkin juga menyukai