Anda di halaman 1dari 3

PEMROGRAMAN WEB

QUIZ 4

Untuk membuat dokumen HTML dengan Text Editor paling tidak ada 4
tahap :
 Buka Text Editor/HTML Editor/Notepad
 Atau Start --- Program --- Accessories --- Notepad
 Ketikkan dokumen HTML atau program pada Notepad
 Simpan dengan format *.html
Contoh : LATIHAN1.html
 Buka hasilnya/dokumen html dengan web browser

Buatlah beberapa dokumen HTML berikut ini. :

1. HTML Heading

<!DOCTYPE html>
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

Bagaimana tampilannya? Apa yang dapat kamu simpulkan tentang elemen


Heading?
2. HTML Paragraph

<!DOCTYPE html>
<html>
<head>
<tittle>Paragraf</tittle>
</head>
<body>
<p> Ini adalah paragraf. Ini adalah paragraf. Ini
adalah paragraf. Ini adalah paragraf. Ini adalah
paragraf. Ini adalah paragraf. </p> <p> Ini paragraph
lainnya. Ini paragraph lainnya. Ini paragraph lainnya.
Ini paragraph lainnya. Ini paragraph lainnya. </p>
</body>
</html>
Bagaimana tampilannya? Apa yang dapat kamu simpulkan tentang elemen
Paragraph?

3. HTML Link

<!DOCTYPE html>
<html>
<head>
<tittle>Link</tittle>
</head>
<body>
<a href="http://www.w3schools.com">
Ini adalah link</a>
</body>
</html>
Bagaimana tampilannya? Apa yang dapat kamu simpulkan tentang elemen
Paragraph?
4. HTML Image

<!DOCTYPE html>
<html>
<head>
<tittle>Gambar/Image</tittle>
</head>
<body>
<img src="w3schools.jpg" alt="W3Schools.com"
width="104" height="142">
</body>
</html>
Bagaimana tampilannya? Apa yang dapat kamu simpulkan tentang elemen
Image?

Tampilan screenshoot dikirim ke hadistnur@gmail.com

Anda mungkin juga menyukai