Ini adalah tutorial membuat web untuk tingkat pemula.
Disini saya akan menjelaskan bagaimana cara membangun sebuah website dengan tag-tag HTML. Tapi sebelum kita mulai, ada hal yang perlu anda ketahui.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>
Kita juga dapat mengetik attribut di dalam sebuah tag,
contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.
Mari kita mulai membangun web degan HTML menggunakan Notepad.
· Langkah 1 :
- Membuka Notepad
Pertama kali sudah pasti kita buka notepad, karena dari judulnya aja kan kita akan membangun web dengan notepad…:D
· Langkah 2 :
- Mengetikkan Syntax
Di dalam notepad yang telah kita buka tersebut, kita tuliskan syntax dasar untuk membentuk suatu HTML.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintax, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan
<body>
Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body> Contoh text yang ditampilin di halaman web, By: Situmorang </body>
Lalu jika sudah, ketikkan
</html>
script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web By: Situmorang
</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 hanya merupakan dasarnya saja.
Sekian tutorial dari saya.
semoga bermanfaat untuk anda yang baru memulai membuat website menggunakan HTML.
Tidak ada komentar:
Posting Komentar