Membuat halaman website sederhana dengan HTML 5
HTML adalah standard bahasa scripting yang digunakan untuk membuat sebuah halaman website.
HTML memang bukanlah bahasa pemrograman, tapi jika anda ingin menjadi seorang web developer, memahami dasar HTML sangatlah penting.
Struktur HTML:
HTML tersusun atas tag tag, sebuah tag diawali dengan <awalTag> dan diakhiri dengan </akhirTag>.
Dalam Struktur Dasar HTML, ada 3 Tag yang utama:
- <html></html>
Tag ini digunakan untuk menandakan bahwa anda akan menuliskan kode html di dalamnya.
2. <head></head>
Tag head berisi judul dari halaman website, link untuk css dan javascript, logo/icon website, deskripsi halaman website dan kata kunci pencarian yang akan digunakan di google.
3. <body></body>
Tag body berisi konten dari halaman website, dapat berupa gambar, text, tabel, dan banyak lainnya. Di akhir tag body, biasanya di sisipkan tag untuk javascript.
Latihan Membuat Halaman Website Sederhana
Saya akan membuat sebuah halaman website sederhana berisi biodata, didalamnya terdapat gambar dan text.
Ini adalah preview halaman sederhana yang akan dibuat:
Langkah — langkah:
- Buatlah sebuah folder dengan nama sembarang.
- Buat file dengan nama index.html
- Buka file index.html dengan text editor (seperti notepad, notepad++, SublimeText atau VS Code), lalu tuliskan code html berikut:
4. Download gambar disini lalu rename menjadi gambar1.jpg, dan download icon disini lalu rename menjadi icon.svg.
5. Buatlah sebuah file dengan nama style.css, lalu ketikkan code berikut:
Kode css tersebut bertujuan untuk mengubah warna background halaman dan mengganti jenis huruf yang digunakan menjadi Arial.
6. Jalankan file index.html dengan cara click kanan, lalu open with > pilih google chrome atau browser apapun yang anda miliki.
Jika tidak ada langkah yang salah, maka halaman biodata akan tampil seperti di preview.
See you in the next article…
