Setelah notepad terbuka ketikkan struktur dasar dokumen HTML seperti contoh di bawah ini :
Setelah itu simpan file tersebut dengan extension HTML.
Klik save → Pilih save → Simpan dengan nama (nama folder).html
Kamu bisa melihat hasil coding yang telah diketikkan di notepad tadi dengan mencari file yang tadi disimpan, dan double klik pada file tersebut dan akan muncul hasil nya
- <html> : Untuk mendefinisikan sebuah dokumen HTML
- <head> : Merupakan kepala dari dokumen HTML
- <title> : Tag pembuka judul dokumen
- <body background=”sunset.jpg”>
<font face=”castellar” size=”6″ color=”RED”>
<marquee scrolldelay=”100″
OnMouseOut=”this.start();”
OnMouseMove=”this.stop();”>
<blink>MARI BELAJAR HTML BERSAMA YUKZ ^_^</blink>
</marquee>
</font>
<hr color=”#000000″ size=”3″>
</hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri
- <body bgcolor=”pink”> </body> : Untuk mendefinisikan isi/badan suatu dokumen, pink adalah untuk menentukan warna background sesuai keinginan
- <h1 align=”center”>TUGAS PENGANTAR KOMPUTER 2</h1> : untuk mendefinisikan posisi heading berada di tengah halaman
- <br>
width: 200px;
height: 220px;”src=”http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/15218_3960622580644_201867054_n.jpg”> </center> : Untuk menyisipkan sebuah gambar pada HTML dan <br> untuk menyisipkan line break
- <b> Nama </b> : <big>Gina Muthia </big> : Untuk membuat kalimat di HTML dengan format <b> untuk menebalkan teks, <big> untuk membuat hurufnya besar
- <b> NPM </b> : <b> <i> 431212164 </b> </i> : Untuk membuat angka di HTML dengan format <i> untuk membuat tulisan miring
- <b> JURUSAN </b> : <big> <b> <i> <u> Akuntansi komputer </big> </b> </i> </u> : Untuk membuat teks di HTML dengan format menggunakan format tulisan besar, miring dan ditambah <u> yaitu tulisan di garis bawah.
- <b> Motto </b> : <big> <b> Kalau berusaha dengan sungguh-sungguh pasti BISA. <u>”SEMANGAT” : Untuk membuat teks di HTML dengan format teks besar dan teks tebal menggunakan <big> dan <b>
- <h1 align=”center”>UNIVERSITAS GUNADARMA</h1> : Untuk mendefinisikan posisi heading berada di tengah halaman.
- <body background=”sunset.jpg”>
<font face=”GEORGIA” size=”6″ color=”purple”>
<marquee scrolldelay=”100″
OnMouseOut=”this.start();”
OnMouseMove=”this.stop();”>
<blink>MAN JADDA WA JADA</blink>
</marquee>
</font>
<hr color=”#000000″ size=”5″>
</hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri.
SELAMAT MENCOBA
Tidak ada komentar:
Posting Komentar