Oke pada kesempatan kali ini saya akan sedikit memberi tutorial membuat struktur HTML sederhana.
Langkah pertama seperti biasa buka netbeans -> new project -> php application.
Lalu ketikkan sintak dibawah ini.
Keterangan :
- Pada bagian head terdapat title yang berfungsi menampilkan teks pada tab browser.
- Selanjutnya pada baris ke 5 adalah untuk menampilkan gambar kecil pada tab browser.
- Pada baris ke 6, kita mendefinisikan atau memanggil bootstrap.
- Lalu pada bagian Header di baris ke 12 fungsinya untuk menampilkan navigasi di bagian atas halaman HTML.
- Baris ke 16 s/d 18 merupakan bagian teks dari navigasi.
Kemudian dibawahnya ketikkan sintak berikut.
Keterangan:
- Pada bagian ini adalah konten atau isi yang akan dibuat di website kita. Meliputi bagian artikel kemudian judul, sub judul dan isi artikel.
Keterangan:
- Bagian ini merupakan side bar yang terletak pada samping kanan/kiri website.
Keterangan:
- Bagian terakhir yaitu footer yang terletak di paling bawah sendiri. Biasanya memuat pembuat web.
Nah... Jika kode diatas sudah dituliskan semua makan ketika
dirun tampilannya akan seperti gambar di bawah ini
Tag :
Tugas Pemrograman Web
0 Komentar untuk "[TUTORIAL 1] Tutorial Membuat Struktur HTML Sederhana"