Rangkuman Materi
Pertemuan-2 (19 Maret 2018)
1.Instal
XAMPP
2.Jika sudah selesai di instal,buka aplikasi
XAMPP Control Panel
3. Klik tombol start pada bagian apache dan
MySQL
Apahe=>server
MySQL=>Database
4.Buka windows explorer
5.Masuk ke folder instalasi XAMPP (biasanya di
partisi C (Local Disk)=> ://XAMPP)
6.Masuk ke folder htdocs
7.Hapus 2 file yang bernama index (index php
dan index html)
Localhost=
localhost/index.php=localhost index.html
8.Buka web browser (firefox,chrome dsb)
9.Ketikan dikolom url addres
bar=>C://xampp/htdocs=tempat menyimpan file-file web
10.Buat folder barubernama “lat1” didalam
folder htdocs
11.Ulangi langkah ke-9,maka nanti folder”lat1”
akan munul
12.Buka aplikasi editor text (Notepad
++/Notepad (bawaan dari windows))
HTML
(HYPERTEXT MARKUP LANGUAGE)
-ELEMEN HTML =Satu blok kode yg terdapat tag
pembuka dan tag penutup
-TAG HTML =Penanda,diketik
dengan simbol “<”dan”>” formatb : <nama tag>
-ATRIBUT HTML
STRUKTUR
DASAR HTML
<html>
<head>.............<\head>
<body>
.............................
</body>
</html>
13.Isikan di notepad,struktur dasar html
beserta tag title
14.Simpan file tersebut ke ke dalam folder
“lat1” dengan nama: percobaan.html
15.Ulangi langkah ke-9,pilih folder
“lat1”,maka nanti muncul file percobaan.html,kli,k dan lihat hasilnya.
TAG
HTML
<b>....</b> =huruf tebal (bold)
<i>....</i> =huruf
miring (italic)
<u>....</u> =huruf garis bawah (underline)
<p>....</p> =paragraf
<marque>...</marque>=text berjalan
<br>....</br> =ganti barus/enter (break)
<hr>....</hr> =garis horizontal (horizontal ruler)
16.Tambahkan beberapa tag diatas ke dalam file
percobaan ,html.Taruh diantara Tag body>....</body>
HEADING
digunakan untuk judul
Ex:judul web,judul berita,judul
testimoni,judul artikel
<h1>.....</h1> :paling besar
ukuran fontnya
<h2>.....</h2>
<h3>.....</h3>
<h4>.....</h4>
<h5>.....</h5>
<h6>.....</h6> :paling kecil
ukuran fontnya
BULLET
& NUMBERING
<ul> ul:
unordered list atau ol: ordered list
<li>.....</li> li:
list
<li>.....</li>
</ul>
Script
HTML
Hasil web HTML
