Sebelumya kita mulai penjelasannya secara detail, ada beberapa hal yang perlu diketahui, yaitu :
tag<> digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup.
Contoh: <td> text yang ditampilkan </td>.
Tag biasa adalah tag yang berisi text yang merupakan isi dari web yang akan kita buat.
contoh <BR> (break). <br> tidak perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, harus ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Nah..setelah mengetahui hal-hal tersebut, mari kita belajar. Pertama tentu buka dulu Notepad...^^
Langkah Pertama :
1. Kamu tulis <html>
>Ini adalah sintag dasar dalam bahasa HTML.
2. Kamu tulis <head>
3. Selanjutnya kamu tulis <title>Ini adalah Web sederhana pertama saya</title>
4.<body> Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.Body adalah tag container, jadi harus ditutup.
5.<h1>Selamat datang</h1>
H1 merupakan tag untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
6.<p> tag ini fungsinya untuk membuat paragraf, dan jangan lupa di tutup </p>
Contoh scriptnya sebagai berikut :
<html>
<head>
<title>Ini adalah Web sederhana pertama saya</title>
</head>
<body>
<h1>SELAMAT DATANG</h1>
<p>hai...ini adalah halaman pertama dari web sederhana saya</p>
</body>
</html>
Jika sudah, sekarang kita save file HTML yang telah kita buat tersebut.
Cara
save program HTML yang telah kita buat tersebut adalah ketika kita
ingin melakukan save terhadap file yang kita buat tersebut, ada satu
tempat di bawah tempat kita menulis nama file, yaitu Save As Type, kita rubah dari text document(*.txt) menjadi all files. Dan pada saat menulis nama, di akhir di berikan ekstensi .html
Contoh coba.html.
kalo udah disave, buka data yang tadi di save, dan silahkan lihat hasil kerja anda
ini lah hasinya.
Tidak ada komentar:
Posting Komentar