Latihan dasar HTML
Langkah pertama buka notepad, lalu mulai dengan mengetikkan koddingan di bawah ini
Latihan HTML Nama Siswa
Hello World, I am Nama Siswa
Simpan pada folder kerja Webserver Anda dengan cara:
pilih type: All File, kemudian ketik nama file: latihan1.html lalu simpan
Keterangan:
tag ini merupakan awal dari suatu dokumen HTML
tag ini merupakan akhir dari dokumen HTML
… tag ini merupakan informasi dari dikumen HTML
Informasi yang terdapat di dalam headaer yaitu : title,meta, style dll
tag ini merupakan bagian dari header , tag ini sebagian judul dari dokumen html</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
-------------------------------------------------------------------------------------------------------------------------</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
mengubah backgroud</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<html></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<head></head></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<body></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Untuk membuat jenis font (face):</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<hi><font face=”calibri”<TUGAS V-CLASS</font><h1>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<p>
<font face=”times”konten dengan font times</font></p>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Untuk membuat ukuran (size):</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<h1>
<font size>=”12”>TUGAS V-CLASS</font></h1>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<p>
<font size=”6”>konten dengan size 6</font></p>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Untuk membuat warna font (color):</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<h1>
<font color=”black”PENGANTAR KOMPUTER2”</font></h1>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<p>
<font color=”blue”konten dengan warna merah</font></p>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
contoh komplit untuk membuat jenis font (face), size dan color:</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<h1>
<font face=”arial” size=”5″ color=yellow”>judulnya tentang font</font></h1>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<p>
<font face=”arial” size “4” color #660000″>ini adalah contoh tulisan dengan<i>pengaturan font>/i>yang menggunakan<br></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
tag HTMLe3lemen <b>fontdengan atribut face, size dan color…</font></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
</p>
</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
</body></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
</html></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Simpan dengan nama file : latihan2.html</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Keterangan :</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Face=”jenis font yang diinginkan”,</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Contoh: face=”calibri”</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Size=”ukuran yang diinginkan”</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Contoh: size=”10”</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Color=”warna yang anda inginkan’</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
Contoh: color=”blue”</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
--------------------------------------------------------------------------------------------------------------------------</p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
utk latihan berikutnya silahkan buka link berikut:</p>
<p style="padding: 0px 0px 10px; background-color: rgb(255, 255, 255);">
<font face="Georgia, Times New Roman, Times, serif"><span style="font-size: 13px; line-height: 19.5px;"><a href="https://alfisatrianti.wordpress.com/2013/06/23/lanjutan-dasar-latihan-html-yang-ke-2/">https://alfisatrianti.wordpress.com/2013/06/23/lanjutan-dasar-latihan-html-yang-ke-2/</a></span></font></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<br></p>
<p style="padding: 0px 0px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 19.5px; background-color: rgb(255, 255, 255);">
<br></p>
Komentar
Posting Komentar