Praktek TIK 9 Semester 1 Tahun 2012/2013

Membuat halaman web menggunakan HTML.
HTML - HyperText Mark-Up Language yaitu salah satu bahasa yang digunakan untuk pembuatan halaman web.
Program yang digunakan : Notepad atau Text Editor
Start → All Programs → Accessories → Notepad.

Syntax yaitu tata cara penulisan script/program/perintah". Berikut contoh beberapa script/perintah dalam HTML :

<html><head>
<title>nama web</title><head>
<body bgcolor="pink">
warna latar= red, green, pink, yellow, dll
<p align="center">pengaturan letak/posisi teks</p>
<font size="3px" color"="red">ukuran teks 3px berwarna merah/red</font>
<img src="alamat gambar di copy-paste" width="200" height="150"></img>
<a href="http://www.google.com">ini hyperlink situs Google</a>
<marquee directions="left">teks berjalan dari arah kiri ke kanan</marquee>
<br> untuk baris baru</br>
<b>teks tebal</b>
<i> teks miring</i>
 
dalam sebuah perintah bisa terdapat beberapa perintah, misalnya :
<p align="center"><font color="blue">teks ditengah warna biru</font></p>

bahasa html selalu diawali/diapit dengan tanda <perintah>
dan diakhiri dengan menambah tanda "/", </perintah>

dibagian footer atau paling akhir, bahwa html sudah selesai, ketik :
</body></html>

setelah selesai Simpan dengan cara :
File → Save → ketik nama file dengan menambah .html dibagian belakang.
misalnya: indrocekidot.html

Praktek TIK: Buatlah sebuah halaman web seperti berikut ini :


kirim file tersebut melalui email ke smpn5_garut@yahoo.co.id

paling lambat hari Jum'at tanggal 21 Desember 2012.

Langkah-langkah pengiriman file melalui email:
→ login ke email Anda dan selanjutnya lihat gambar dibawah :

menggunakan akun Yahoo Mail
menggunakan akun Gmail - Google Mail

→ klik Tulis Pesan (Write)
→ pada bagian To : smpn5_garut@yahoo.co.id
→ pada bagian Cc : dikosongkan (jangan di isi)
→ pada bagian Subject/Topik : Praktek TIK Kelas 9...
→ klik Lampirkan File → Cari dan pilih file .html yg sudah dibuat tadi
→ klik Kirim (Send)
JANGAN LUPA UNTUK LOGOUT ATAU SIGNOUT jika proses pengiriman sudah selesai.


Selamat berlatih, dan semoga bermanfaat!!


Tidak ada komentar:

Posting Komentar

Untuk menambahkan gambar pada komentar, gunakan code berikut:
"["img"]" paste alamat gambar disini "["/img"] "