Cara Memulai Membuat HTML
1. Text Editor
Text editor sangatlah penting untuk membuat HTML. Saat ini saya menyarankan anda untuk menggunakan Visual Studio Code (VSCode). Cara instalasi VSCode sangatlah mudah, anda bisa mengakses link official dari visual studio code disini
Setelah menginstal Visual Studio code anda bisa memasang beberapa extensions untuk memudahkan anda dalam memulai coding.
Berikut adalah extensions yang saya pakai :
• One Dark Pro (Opsional, hanya untuk styling)
1. Auto Close Tag
2. Auto Complete Tag
3. Auto Rename Tag
4. Better Comments
5. Color Highlight
6. Color Picker
7. Indent Rainbow
8. Prettier
9. Live Server/Five Server
2. Folder, File, Extentions
Anda bisa mulai dengan membuat folder khusus untuk membuat html dasar. Setelah membuat folder anda bisa membukanya dengan VSCode yang telah terinstal tadi, dengan cara klik menu open folder atau bisa dengan ctrl + k ctrl + o. Setelah membuat folder anda bisa membuat membuat file baru langsung dari VSCode, dan jangan lupa gunakan extentions/format .html
.png)
kurang lebih akan menjadi seperti ini.
3. Memulai Coding Html
Di VSCode untuk memulai coding dengan html itu mudah, anda hanya perlu mengklik tanda seru pada keyboard anda dan pencet enter.
.png)
.png)
Penjelasan :
<!DOCTYPE html> = menyatakan bahwa ini document html.
<html> = tag dasar html.
<head> = bagian kepala dari website.
<title> = judul dari website (tidak terlihat di dalam web, hanya diatas pencarian web).
<body> = badan dari html (terlihat langsung di web).
</> = tag yang diawali oleh tanda "/" berarti adalah tag penutup.
Setelah memasukan hal itu, anda bisa mulai bereksperimen dengan tag-tag yang ada.
<h1> ADALAH JUDUL </h1>
<p> Adalah Teks Paragraf </p>
<marquee> Teks Berjalan </marquee>
untuk selengkapnya bisa cek di : w3schools
Komentar
Posting Komentar