Belajar Flask - Bagian 2
Mengulang HTML & CSS Sederhana

oleh: Suryo Adhy Chandra, ST

Flask membuat halaman website, dan halaman website itu ditulis menggunakan HTML untuk strukturnya dan CSS untuk tampilannya. Sebelum lanjut ke Flask, yuk mengingat lagi dasar-dasarnya.

1. Struktur dasar HTML

Setiap halaman HTML selalu punya bagian <head> (informasi halaman) dan <body> (isi yang tampil di layar).

<!DOCTYPE html> <html> <head> <title>Halaman Saya</title> </head> <body> <h1>Selamat Datang</h1> <p>Ini adalah halaman pertama saya.</p> </body> </html>

2. Tag HTML yang sering dipakai

<h1> sampai <h6> untuk judul
<p> untuk paragraf teks
<a href="..."> untuk tautan/link
<img src="..."> untuk menampilkan gambar
<form> dan <input> untuk membuat formulir

3. CSS untuk mempercantik tampilan

Ilustrasi box model CSS

CSS dipakai untuk mengatur warna, ukuran, jarak, dan tata letak elemen HTML. CSS bisa ditulis langsung di dalam file HTML memakai tag <style>.

4. Contoh hasil tampilan

Preview hasil:

Selamat Datang

Ini adalah halaman pertama saya.

Nanti di Flask, file HTML seperti ini disebut template. Flask yang akan mengirimkan file HTML tersebut ke browser saat sebuah alamat website dibuka.

Buka Materi Lengkap HTML & Bootstrap

← Kembali Ke Daftar Pelajaran Flask