Langsung ke konten utama

Cara Memulai Membuat HTML

Ditulis oleh : Yoelddev

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


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.



Anda bisa memulai dengan format seperti ini.
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
Labels:

Komentar

Posting Komentar

Postingan populer dari blog ini

Git Dan GIthub, Kedua Esensi Penting Dunia Program

Ditulis oleh : Yoelddev
Git dan GitHub: Esensi Penting untuk Pengembangan Program Dalam dunia pengembangan perangkat lunak (OS), ada dua nama yang sering terdengar adalah Git dan GitHub. Meskipun sering digunakan bersamaan, keduanya memiliki fungsi yang berbeda namun saling melengkapi. Mari kita cari tau apa itu Git dan GitHub, serta mengapa keduanya sangat penting bagi pengembang saat ini. Apa Itu Git? Git adalah sistem kontrol versi yang dirancang untuk membantu pengembang melacak perubahan dalam kode sumber. Dengan Git, Anda dapat: 1. Melacak Perubahan Git mencatat setiap perubahan yang dilakukan pada kode, memungkinkan Anda untuk kembali ke versi sebelumnya jika diperlukan. Ini sangat berguna ketika Anda perlu memperbaiki bug atau mengembalikan fitur yang tidak berhasil. 2. Bekerja Secara Kolaboratif Git memudahkan tim untuk bekerja sama dalam proyek yang sama. Beberapa pengembang dapat mengerjakan bagian yang berbeda dari proyek tanpa mengganggu satu sama lain. Ini membuat kolaborasi menjadi lebih efisie...
Posting Komentar
Lihat Selengkapnya »

Apa itu Next JS?

Ditulis oleh : Yoelddev
 Next.js || Framework Modern untuk Pengembangan Web Cepat dan Efisien Next.js adalah framework JavaScript berbasis React yang populer untuk membangun aplikasi web modern. Dikembangkan oleh Vercel, Next.js menawarkan fitur-fitur canggih seperti rendering server-side dan statis, yang membuatnya ideal untuk menciptakan website cepat, SEO-friendly, dan interaktif.   1. Keunggulan Next.js - Rendering Fleksibel: Next.js mendukung server-side rendering (SSR) dan static site generation (SSG), memungkinkan pengembang untuk memilih metode rendering yang paling efisien. SSR membantu meningkatkan SEO dengan konten yang langsung terindeks oleh mesin pencari, sementara SSG membuat halaman statis yang ringan dan cepat dimuat.   - Routing Otomatis: Routing di Next.js sangat mudah karena setiap file dalam folder `pages/` otomatis menjadi rute. Tidak perlu konfigurasi tambahan seperti di framework lain.   - Pengoptimalan Gambar dan Kinerja:  Dengan komponen bawaa...
Posting Komentar
Lihat Selengkapnya »

Linux VS Windows, Mana Yang Lebih Bagus?

Ditulis oleh : Yoelddev
Windows dan Linux, Mana yang lebih baik? Di dunia teknologi informasi, dua sistem operasi/OS yang sering dibandingkan adalah Windows dan Linux. Keduanya memiliki kelebihan masing-masing, dan pilihan antara keduanya sering kali tergantung pada kebutuhan pengguna. Mari kita telusuri keunggulan dari masing-masing sistem operasi ini dengan gaya yang modern dan mudah dipahami. Keunggulan Windows 1. UI/Tampilan Pengguna yang Ramah Windows dikenal dengan antarmuka pengguna (UI) yang intuitif dan ramah bagi pemula. Desainnya yang familiar membuat pengguna baru tidak merasa kesulitan saat mengoperasikan sistem ini. Dengan menu Start yang mudah diakses, pengguna dapat menemukan aplikasi dan pengaturan dengan cepat. 2. Dukungan Aplikasi yang Luas Salah satu daya tarik utama Windows adalah dukungan untuk berbagai aplikasi dan perangkat lunak. Dari aplikasi perkantoran seperti Microsoft Office hingga software desain grafis seperti Adobe Creative Suite, Windows memiliki ekosistem yang kaya. Ini sang...
Posting Komentar
Lihat Selengkapnya »