TUTORIAL
PENGGUNAAN
TAG HTML SEDERHANA
Tutorial
ini dibuat bagi anda yang ingin belajar HTML untuk membuat website dari dasar. Supaya
anda memahaminya, pastikan membacanya dan praktek dengan urut mulai dari awal.
Dalam
tutorial ini kami buat sesederhana mungkin, supaya anda mudah memahaminya,
meskipun tutorial ini belum keseluruhan bagaimana membuat website, tetapi anda
akan memahami bagaimana dasar membuat website dengan cara yang benar.
Berikut tutorialnya:
1.
Struktur HTML
Untuk mengelola data
HTML kami menggunakan sublime text atau bisa juga menggunakan notepad++.setelah
itu simpan pada folder yang telah dibuat.
Heading (text)-code
Untuk
membuat sebuah heading atau sub judul, digunakan element h1,h2,h3,h4,h5 atau h6. Dimana
kepanjangan h adalah heading. Untuk ukuran paling besar
diawali dengan h1 sampai h6 adalah ukuran terkecil.
4.
Membuat gambar-asset
Untuk membuat gambar
terlebih dahulu menambahlan gambar pada folder yang telah kita buat, seperti
contoh dibawah ini:
Codenya:
Hasilnya:
Hyperlink-code
Hyperlink
ini seperti yang diketahui jika sebuah element berupa struktur pada HTML yang
berfungsi untuk memberitahu browser mengenai apa yang akan di tampilkan.
Beriut codenya:
Hasilnya:
Ordered list-code
Setelah anda selesai
membuat halaman website sederhana dan memahaminya, selanjutnya adalah
menambahkan beberapa element yang dibutuhkan pada sebuah halaman website pada
umumnya, sepeti contoh dibawah ini:
Hasilnya:
7.
Table-code
Selanjutnya adalah cara
membuat tabel di HTML, silahkan tambahkan code dibawah ini setelah code untuk
list yaitu dibawah tag </ul>.
hasilnya:
Pada langkah ini anda
sudah berhasil menyelesaikan tutorial belaja HTML.
Setelah anda menyelesaikan
tutorial belajar HTML ini, anda akan memahami beberapa hal seperti cara membuat
judul, memasukkan gambar, membuat link, sampai membuat tabel.
