Assalamualaikum Wr Wb
Di postingan sebelumnya saya menjelaskan tentang Definisi HTML , nah di artikel kali ini saya akan membahas tentang bagaiman cara Penulisan Kode HTML penilisannya sangat simpel yaitu dimana ada tag Pembuka <tag> pasti ada tag penutup </tag> tapi sebagian tag HTML tidak semuanya mempunyai tag penutup
Baca Juga : Tutorial HTML #2
Pertama kali yang harus anda siapkan adalah:
1. Sebuah Laptop/PC
2. Web Browser sudah terinstall di Laptop/PC anda
3. Text Editor, saya sarankan pakai sublime text klik disini untuk mengunduh
Jika 3 syarat itu sudah terpenuhi sekarang kita ke tutorial,
seorang Programer itu Tidak SAH kalau belum bisa menuliskan Kata "Hello World!" di sebuah Program awal... hehehe
Kita akan menuliskan Kata Hello World! di web HTML
1. Anda buat dulu sebuah Folder Bernama Latihan1`di desktop biar gampang nantinya.
2. buka text Editor ,terserah anda mau memakai Notepad atau notepad++, atau sublime text, dan yang sedang saya pakai sekarang ini adalah Sublime Text
3. kemudian anda Save dengan Nama latihan1.html INGAT! jangan lupa menuliskan Extensi .html nya, karena sublime Text akan mengetahui kalau Kode yang anda buat itu adalah kode HTML nanti fitur fitur Sublime text akan membaca kalau itu HTML.
4. pada sublime text anda tuliskan kata html lalu klik Tab pada keyboard nanti kode HTML akan muncul sendiri, <!DOCTYPE html> adalah versi html yang kita buat
5. Coba kalian lihat gambar diatas diaman ada Tag Pembuka Pasti ada Tag Penutup,
6. dibagian <title>..</title> anda tuliskan Web Programing HTML
keterangan :
<html> untuk mengetahui kalau kita sedang membuat sebuah HTML
<head> didalam Head itu terdapat sebuah informasi Web kita, seperti title , meta, author, javascript, css, dll
<body> didalam body itu terdapat sebuah isi dari blog kita, apapun yang kita tulis didalam Tag Body akan muncul di web browser kita.
7. lanjut, kemudian kalian ketikkan didalam Tag body, tulisan Hello World! seperti ini
<!DOCTYPE html>
<html>
<head>
<title>Web Programing</title>
</head>
<body>
Hello World!
Welcome to Web Programing HTML
</body>
</html>
8. Kemudian kita Jalankan di browser dengan cara, disini ada 2 Cara...
Pertama, anda klik Kanan sembarang pada sublime text dan pilh Open in Browser
Kedua, anda buka file tempat anda menyimpan latihan1.html lalu klik kanan > Open With > Pilih Browser.
9. Kenapa hasilnya tetap rata Kiri walaupun saya sudah memberikan Space pada tag HTML diatas?
karena Web Browser tidak tau apa yang sedang kita buat, apakah itu sebuah paragraf atau Heading dll,
jika kita menuliskannya seperti itu Browser akan membaca kalau itu adalah sebuah Text BLANK,
sama sama bisa muncul di WEB tapi nanti pusing di CSS nya hehe
10. cara agar text tersebut ada Space ke bawah, kita tambahkan sebuah text paragraf,
contoh seperti ini
<!DOCTYPE html>
<html>
<head>
<title>Web Programing</title>
</head>
<body>
<p>Hello World!</p>
<p>Welcome to Web Programing HTML</p>
</body>
</html>
Baca Juga : Tutorial CSS #1
11. Maka Browser akan membaca kalauitu sebuah Paragraf, coba lihat hasilnya
12. Nah mungkin sampai disini dulu ya, semoga kalian Paham Tag - Tag HTML yang saya jelasin di Tutorial HTML #1 ini ya
Terimakasih
ADS HERE !!!