Tutorial Hello World HTML

11 Jan, 2014 Posting Komentar

Assalamualaikum Wr Wb.
Ada pepatah yang pernah bilang "Tak Kenal Maka Tak Sayang" :D
sebelum kita lebih lanjut mempelajari Html, Alangkah Baiknya kita berkenalan dulu :)

Apa Itu HTML ?
Pengertian Html atau Hyper Text Markup Language adalah sebuah bahasa pemrograman untuk membuat sebuah website.
untuk lebih lengkapnya disini http://id.wikipedia.org/wiki/HTML .
Langkah pertama untuk membuat website dengan pemrograman Html adalah mempersiapkan
1. Editor Html
2. Web Browser

Ada berbagai macam editor untuk pemrograman Html. Antara lain sebagai berikut :
1. Notepad.
2. Notepad++.
3. Adobe Dreamweaver.
4. Microsoft Frontpage.
5. Dll.

Pengertian web browser itu sendiri adalah antara lain untuk menjalankan pemrograman Html dalam bentuk website agar bisa menampilkan informasi-informasi, sehingga bisa diliat oleh masyarakat luas.

Ada berbagai macam web browser. Antara lain sebagai berikut :
1. Google Chrome.
2. Mozilla Firefox.
3. Internet Explorer.
4. Ice Weasel.
5. Dll.
Install salah satu web browser diatas di komputer anda.

untuk membuat hello world Html, editor yang saya gunakan adalah Notepad.
langkah pertama adalah sebagai berikut :

1. Membuat sebuah notepad. dengan cara klik kanan - new - Text Document.

2. Akan tercipta sebuah Notepad. Setelah itu klik 2x/buka Notepad tersebut.

3. Akan muncul tampilan Notepad yang masih kosong.

4. Ketik/Isi Notepad tersebut dengan kode/code seperti di bawah ini.

<html>
<head>
<title>Hello World</title>
</head>
<body>
HELLO WORLD !
</body>
</html>

5. Setelah diisi dengan kode/code seperti langkah sebelumnya, save dengan cara klik file - Save As.

6. Pilih letak save, terserah anda . isi file name dengan Hello World.html dan ganti Save as type, pilih All Files. Setelah itu Klik Save.
Catatan : untuk membuat file Html pada editor Notepad, Ekstensi pada file name harus diberi .html pada akhir nama.