Tutorial pembuatan HTML
Tutorial cara pembuatan HTML
silahkan ikuti langkah-langkah berikut ini.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :
Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :

Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.

Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi anda simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.

Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.

Sampai disini anda diharapkan sudah mampu dan mengerti tentang bagaimana cara membuat HTML. Artinya anda tahu dimana mengetikkan kode HTML lalu menyimpannya dan bagaimana cara melihat tampilan HTML yang anda buat melalui browser. Selanjutnya anda tinggal mengikuti tutorial HTML dan begitu melihat contoh kode HTML yang diberikan maka anda tahu bagaimana mencobanya.
Pada tahap belajar HTML yang lebih jauh, anda dapat menggunakan software editor HTML seperti Dreamweaver. Dengan menggunakan editor yang memang khusus untuk HTML, anda akan banyak dipermudah karena tersedia berbagai bantuan untuk membuat HTML yang lebih kompleks.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :
1 | <html> |
2 | <head> |
3 | <title>Belajar HTML</title> |
4 | </head> |
5 | <body> |
6 | Hallo, selamat belajar HTML. |
7 | </body> |
8 | </html> |
Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.
Kemudian tutup aplikasi Notepad anda. Lalu buka windows explorer dan cari dimana file tadi anda simpan. Jika sudah ditemukan, silahkan buka file HTML tersebut dengan cara memilih dan klik double.
Jika sudah benar, maka seharusnya file tersebut otomatis akan dibuka dengan menggunakan aplikasi browser yang ada di komputer anda seperti Internet Explorer atau Mozilla Firefox. Dan jika menggunakan Firefox tampilan akan menjadi seperti berikut.
Sampai disini anda diharapkan sudah mampu dan mengerti tentang bagaimana cara membuat HTML. Artinya anda tahu dimana mengetikkan kode HTML lalu menyimpannya dan bagaimana cara melihat tampilan HTML yang anda buat melalui browser. Selanjutnya anda tinggal mengikuti tutorial HTML dan begitu melihat contoh kode HTML yang diberikan maka anda tahu bagaimana mencobanya.
Pada tahap belajar HTML yang lebih jauh, anda dapat menggunakan software editor HTML seperti Dreamweaver. Dengan menggunakan editor yang memang khusus untuk HTML, anda akan banyak dipermudah karena tersedia berbagai bantuan untuk membuat HTML yang lebih kompleks.
Bolehh
BalasHapusThanks, bermanfaat
BalasHapusnice
BalasHapusnicee
BalasHapusNice
BalasHapusGood2
BalasHapussipsippp
BalasHapusOke banget
BalasHapusBlog macam apa ini ???
BalasHapusgood job bang
BalasHapusNICEEE
BalasHapuskalo copas di kasih sumber gan
BalasHapusnih dari website sebelah ya
BalasHapusbisa buat pelajaran
BalasHapusKeyen
BalasHapusMancap
BalasHapusJos
BalasHapusBagus
BalasHapusNtaps
BalasHapusNICE
BalasHapusNtaps
BalasHapusBagus
BalasHapusNice kak
BalasHapusBagus
BalasHapuskeren
BalasHapusnot bad
BalasHapusGood good
BalasHapusBagusnyaa
BalasHapusbaguss
BalasHapusSiip
BalasHapusSiip
BalasHapusJos gandos kotos2 nganti mbledosπ
BalasHapusgood ham
BalasHapusmantaps
BalasHapusBagusss
BalasHapusTeladan
BalasHapusmantap genk
BalasHapusbaguss
BalasHapusBagus sist
BalasHapusJelas banget materinyaa...
BalasHapusJelas banget materinyaa...
BalasHapusSangat bagus sekali ya
BalasHapusBagus
HapusMantab
BalasHapussiiip
BalasHapusgood
BalasHapusπππ
BalasHapusKeren
BalasHapusnice
BalasHapusBagus bagus
BalasHapusGood
BalasHapusSemnjak baca ini saya jadi mengerti hehe
BalasHapusBermanfaat
BalasHapusBagus
BalasHapusNice
BalasHapusNtaapsssss
BalasHapusMacem
BalasHapusNice
BalasHapusBagus
BalasHapusapik
BalasHapusAPik banget
BalasHapusNice
BalasHapusGood
BalasHapuslumayan lah buat belajar
BalasHapus