Yuk Mari Kita latihan dalam membuat file-file dasar html mungkin berguna dalam pembelajaran “Pembrograman Dasar” Di sekolah ..
Latihan 1
<html>
<head>
<title> Latihan Pertamaku </title>
</head>
<body bg color=”#000000″>
<p align=”left”>
Paragraf ini akan rata kiri<br>
Paragraf ini akan rata kiri<br>
Paragraf ini akan rata kiri<br>
<p>
br digunakan untuk membuat Baris baru atau berpindah baris <br><br>
<b>Kalimat ini akan dicetak Bold </b> <br>
<i>Kalimat ini akan dicetak Italic </i> <br>
<b><i>Kalimat ini akan dicetak Bold dan Italic</i></b>
<hr width=”500″><br>
Perintah hr digunakan untuk membuat garis
</body>
</html>
Simpan perkerjaan Anda dengan nama latihan_1.html
Latihan 2
Tag <P> digunakan untuk membuat paragraf. Contoh :
<HTML>
<HEAD>
<TITLE>Contoh Membuat Paragraf</TITLE>
</HEAD>
<BODY>
Smk Negeri 1 gunungsitoli <P>
Memiliki tujuh Jurusan <BR>
Yang semuanya memiliki Keunggulan masing-masing <BR>
Serta Memiliki Guru-guru yg kompeten <BR>
</BODY>
</HTML>
Latihan 3
HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Tag-tag judul ini berupa :
<H1> … </H1>
<H2> … </H2>
<H3> … </H3>
<H4> … </H4>
<H5> … </H5>
<H6> … </H6>
Contoh Penggunaan :
<HTML>
<HEAD><TITLE>Tag H1-H6</TITLE>
</HEAD>
<BODY>
<H1>ini adalah Tag H1</H1>
<H2>ini adalah Tag H2</H2>
<H3> ini adalah Tag H3</H3>
<H4> ini adalah Tag H4</H4>
<H5> ini adalah Tag H5</H5>
<H6> ini adalah Tag H6</H6>
</BODY>
</HTML>
Latihan 4
Tag <HR>
Untuk mempercantik halaman, seringkali pembuat dokumen Web menambahkan garis horisontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan menyertakan tag <HR>. Contoh
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
<BODY>
<H2>JENIS JURUSAN DI SMK NEGERI 1 GUNUNGSITOLI</H2>
<HR>
1. Teknik komputer dan jaringan
<HR>
2. Usaha Perjalanan Wisata
<HR>
3. Administrasi Perkantoran
<HR>
4. Agribisnis Aneka Ternak
<HR>
5. Agribisnis Tanaman Pangan dan Hortikultura
<HR>
6. Jasa Boga
<HR>
7. Tata Busana <HR></BODY>
</HTML>
Simpan perkerjaan Anda dengan nama latihan_1.html dst…