Belajar HTML

 Belajar HTML & CS

HTML adalah bahasa untuk memarkup/memformat,HTML yang kepanjangannya adalah Heyper Text Markup Langue
yang artinya Bahasa untuk mempormat yang berbasis text.
Jadi HTML bukanlah bahasa pemograman seperti PHP,Delphi,Visual Basic(VB).
Persiapan:

    Laptop/komputer
Web Browser(Firefox,Chrome,Safari,Explore)
Texteditor(Notepad++,Notepad,Sublime,dll)
Kopi + susu :D

Itulah syarat-syarat untuk membuat website,tapi  Kopi + susu jikalau ada..hehehe


Sekarang kita akan membuat website dalam 1 menit
Pertama saya menggunakan web browser Firefox,kenapa Firefox karena banyak sekali yang menggunakannya di seluruh dunia.
Karena Firefox sangatlah mendukung plugin-plugin terbaru dari HTML,jika anda tidak suka dengan web browser ini,
anda bisa menggunaka web browser yang lain seperti Chrome,Safari,dll terserah anda.
Sekarang kita mulai
Pertama anda ke Start Menu Windows,dan tulis di pencrian,tulis "Notepad ++"
jika sudah ketemu kemudian dikelik,jika teman-teman belum mempunyai Notepad ++
teman-teman bisa download disitus resminya Notepad++
jika teman-teman sudah mendownload,tinggal di instal aja di laptop/komputer teman-teman.
Penampakan Notepad++ saat saya buka

Saya perkenalkan dulu struktur HTML

Penjelasan
 ini adalah dimana kita akan memberi tahu kepada browser,bahwa kita akan membuat
File HTML.
Penjelasan
ini disebut dengan Tag,tag ini dimana kita akan membuat file HTML
Penjelasan tag ini fungsinya untuk menampung informasi seperti tag "title".
Pemjelasan       
nah tag ini untuk memberikan informasi di tab pada browser,tag ini berada antara tag "Head".
Penjelasan
disini teman-teman akan membuat kata-kata,informasi,masukan gambar,terserah anda.

Nah itu saja penjelassan singkat dari struktur HTML.Ingat setiap tag mempunyai penutupnya
lihat gambar dibawah ini, sengaja saya buatkan garis berwarna dan saya mengarahkan garis-garis dari tag pebuka
ke tag penutupnya.

Mudah bukan..?
Sekarang kita coba membuat web dalam 1 menit
buat dulu struktur HTMLnya
Coba teman-teman tuliskan di Notepadnya.
pertama teman-teman tulis informasi diantara tag"Title",contoh

teman-teman simpan dengan di "save as" atau bisa dengan shortkey ctrl+alt+s,lihat contohnya:

jika muncul kotak dialg Save as,pertama-tama buat dulu folder dengan nama "Web pertama ku" seperti gambar diatas
dan beri nama File htmlnya dengan nama "Latihan1"..stop dulu jangan di save ada penjelasan selanjutnya

gambar diatas ada lingkaran merah itu,disana kita salin formatnya menjadi HTML atau "Heyper Text Markup Language file" seperti gambar diatas
kemudian silahkan disave.
jika sudah di simpan,sekarang teman-teman buka di browsernya dengan cara Mendrag atau bisa dengan
mencari folder teman-teman dan cari filenya,kemudian teman-teman kelik kanan pada file dan pilih "open with"
jika sudah muncul teman-teman tinggal pilih browser kesukaan teman-teman.
nah jika sudah di buka browser,lihat perubahan pada tab pada browser teman-teman,kebetulan saya menggunakan Firefox

nah kelihatan kan pada tabnya akan berubah namanya"HTML pertama ku".<br>
Sekarang kita coba tulis di bagian dalam tag body,lihat gambar dibawah

Kemudain save dengan ctrl+s,jika sudah di save coba teman-teman buka browsernya
tekan F5 pada laptop/komputernya atau di refresh,lihat hasilnya gambar dibawah