Nah setelah beliau bercuap-cuap panjang lebar tentang perjalanan hidupnya ditambah ngelawak dikit biar engga pada nguap lagi tuh anak-anak MM 1 nya, Pak Adam mulai menjelaskan pelajaran yaitu tentang..
* MEMPERBAHARUI ISI HALAMAN WEB *
Kata beliau Target untuk kelas X adalah :
1. Design
2. Develop
- Create
- Develop
Nah.. Di sini kita semua mulai diajarin html yang dasarnya..
(< >) -> itu adalah TAG buka pada html
(</ >) -> dan ini adalah TAG tutup pada html
berikut adalah komponen dasar html :
<html>
<head><title> Selamat Datang </title>
</head>
<body>
</body>
</html>
Itu komponen dasarnya.. Kata selamat datang bisa diganti dengan kata apa saja..
Cara menyimpan file html
- buat folder -> D:\ Latihan
- Di jendela notepad, pilih file -> save/ save as
- Muncul dialog save -> pilih all files -> save ( contoh nama file index.html )
- Masuk folder D:\ Latihan
- Buka file index.html (double click)
- Muncul jendela browser
hr = horizontal row
nbsp = no black space
<br> = break
contoh html Tebal,Tipis, Garis bawah,dan paragraf :
<html>
<head>
</head>
<body>
<b> Hello !! </b><br>
<i> Hello !! </i><br>
<u> Hello !! </u><br>
<p> Hello !! </p><br>
</body>
</html>
hasilnya adalah :
Hello !!
Hello !!
Hello !!
Selanjutnya membuat input dan output sebuah html..
contoh input :
<html>
<head>
</head>
<body>
<b><i><u><center> IDENTITAS </center></u></i></b></br>
<hr><br>
<h1> Nama :<u> Ardeliana Tirta Sari </u></h1></br>
<h1> Kelas :<u> X.MM 1 </u></h1></br>
<h4> Selamat Datang di Website Saya </h4>
</body>
</html>
dan contoh outputnya adalah :
Nama : Ardeliana Tirta Sari
Kelas : X.MM 1
Selamat Datang di Website Saya
Pada html, heading banyak digunakan untuk ukuran penulisan..
contoh input heading :
<html>
<body>
<h1>Annyeong Haseyo !!</h1>
<h2>Annyeong Haseyo !!</h2>
<h3>Annyeong Haseyo !!</h3>
<h4>Annyeong Haseyo !!</h4>
<h5>Annyeong Haseyo !!</h5>
<h6>Annyeong Haseyo !!</h6>
</body>
</html>
Outputnya :
Tidak ada komentar:
Posting Komentar