Yang kalian butuhkan dalam membuat html adalah software Notepad++ atau Dreamweaver yang bisa kalian dapatkan disini. Pada dasarnya membuat membuat html ini bisa saja menggunakan notepad bawaan windows akan tetapi notepad tersebut tidak terdapat baris dan koreksi kesalahan dalam penulisan kode, sehingga menyulitkan pemula seperti saya dalam penulisan kode html.
Pada umumnya susunan dasar html dalam sebuah web adalah seperti ini
<html>
<head>
<title>Judul Web</title>
</head>
<body>
Konten web
</body>
</html>
Penjelasan:
<html> adalah tag pembuka yang menunjukan bawa didalam tag tersebut adalah kode html. Setiap ada tag pembuka maka harus ada tag penutup, misal: tag pembuka <html> maka tag penutupnya adalah </html> dalam artian setiap tag pembuka sudah pasti menggunakan karakter <> dan tag penutup sudah pasti menggunakan karakter </>.
<head> adalah header atau kepala web. Biasanya didalam tag <head> berisikan judul atau title web serta kode pemanggil file css, jquery, javascript, icon web dan lain lain yang akan kita bahas nanti.
<title> adalah tag untuk judul web yang akan di tampilkan pada tab browser
Contoh :
 |
| Judul/title web |
<body> adalah tag yang menunjukan bahwa didalamnya terdapat konten yg akan ditampilkan pada web
Contoh:
 |
| Konten yang ditampilkan dalam tag <body> |
Langkah membuat html:
Langkah Pertama
Buka Notepad++ atau Dreamweaver yang sudah kalian download, namun disini saya menggunakan Dreamwever Cs6.
Klik HTML pada Create New
 |
| Buat dokumen HTML baru |
Lalu kosongkan kode hingga seperti ini
 |
| Baris kosong pada Dreamweaver |
Langkah Kedua
Ketikan kode seperti dibawah ini pada baris Dreamweaver yang sudah dikosongkan tadi.
<html>
<head>
<title>Belajar HTML Dasar</title>
</head>
<body>
Ini adalah html dasar pertama saya.
</body>
</html>
Langkah Ketiga
Simpan html tersebut File > Save As
 |
| Simpan dokumen HTML |
Simpan di My Document dan buat folder “belajar html” agar terlihat rapih, lalu simpan file pada folder tersebut dengan nama “belajar html bag1.html”.
 |
| Simpan dokumen HTML |
Langkah Keempat
Buka file yang sudah disimpan di My Document pada folder “belajar html” tadi dengan double click pada file “belajar html bag1.html”, maka akan terlihat seperti ini (saya menggunakan Mozilla firefox).
 |
| Tampilan HTML yang telah dibuat pada mozilla firefox |
Sekian belajar membuat HTML Dasar, selanjutnya kita akan membuat header, siderbar kiri, sidebar kanan, footer dan memberi style pada HTML. Semoga Bermanfaat.
File Belajar Membuat HTML Dasar Download Disini
No comments:
Post a Comment