PENGGUNAAN TAG HTML SEDERHANA

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.Berilut adalah codenya:

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.