.png)
BELAJAR HTML BAHASA PROGRAM KOMPUTER
DASAR
Oleh: Drs. H. M. Yusron Hadi, M.M.
HTML (Hyper Text Markup Language) .
Yaitu bahasa formatting.
Untuk membuat halaman website.
Website.
Yaitu halaman dengan info tertentu.
Bisa diakses online.
HTML.
Jadi pondasi dasar halaman website.
File HTML.
1.
Disimpan
pakai ekstensi .html (dot html).
2.
Bisa
diakses web
browser.
Misalnya:
1)
Google
Chrome.
2)
Mozilla
Firefox.
3)
Opera.
4)
Safari.
5)
Dan
lainnya.
Untuk bikin website dinamis.
Tak cukup pakai HTML.
Tapi perlu:
1)
CSS.
2)
JavaScript.
3)
PHP.
HTML punya beberapa elemen.
Tersusun dalam tag.
Dengan fungsi masing-masing.
Seperti:
1)
Tag
heading.
2)
Paragraf.
3)
Form.
4)
Tombol.
5)
List.
6)
Hyperlink
antar halaman website.
7)
Banyak
lainnya.
Fungsi HTML.
Yaitu pondasi halaman website.
CSS (Cascading Style Sheet).
Yaitu bahasa mengatur tampilan.
Elemen HTML.
Dengan CSS.
Bisa memberi:
1)
Warna background.
2)
Border.
3)
Posisi elemen.
4)
Ukuran font.
5)
Dan lainnya.
Javascript
Yaitu bahasa program.
Agar halaman web interaktif.
Contoh HTML tanpa CSS.
1.
<!DOCTYPE html>
2.
<html>
3.
<head>
4.
<title>Belajar HTML</title>
5.
</head>
6.
<body>
7.
<p id='p1'>Paragraf 1</p>
8.
<p id='p2'>Paragraf 2</p>
9.
</body>
10. </html>
Hasilnya.
Paragraf
1
Paragraf 2
Contoh HTML pakai CSS.
1.
<!DOCTYPE html>
2.
<html>
3.
<head>
4.
<title>Belajar HTML</title>
5.
<style>
6.
p {
7.
color:white;
8.
text-align:center;
9.
padding:30px;
10.
width:48%;
11.
float:left;
12.
box-sizing:border-box;
13.
}
14.
#p1 {
15.
background:blue;
16.
}
17.
#p2 {
18.
background:red;
19.
}
20.
</style>
21.
</head>
22.
<body>
23.
<p id='p1'>Paragraf 1</p>
24.
<p id='p2'>Paragraf 2</p>
25.
</body>
26.
</html>
Hasilnya.
Paragraf 1
Paragraf 2
(Sumber blogger)
