Halo teman – teman, ini adalah tutorial pertama saya. Tutorial kali ini kita akan belajar HTML. Kalau begitu mari langsung saja kita masuk ke pembahasan.
Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript(Wikipedia).
Oke sepertinya itu sulit dimengerti. Jadi intinya HTML itu adalah bahasa markup(bukan bahasa pemrogaman) yang digunakan pada web untuk menampilkan teks, gambar, dan sebagainya.
Lanjut ke tutorial.
Bahan - bahan:
sebelum melakukan koding ada alat dan bahan yang harus disiapkan.
- Sublime Text. Jika belum mengerti cara menggunakannya silahkan baca artikel berikut.
- Browser. Saya pakai Firefox
- Asset gambar. Silahkan download di sini.
Langkah - langkah:
Buat struktur dasar seperti ini
Tambahkan tag h yang kita gunakan untuk membuat paragraf.
Tag h sendiri ada bermacam - macam dari h1 sampai h6 tapi disini kita menggunakan h.
Tambahkan tag p yang kita gunakan unntuk membuat paragraf.
Tambahkan tag ul>li yang kita gunakan unntuk membuat list.
List sendiri ada 2 macam yaitu ul(unordered list) untuk membuat list dengan bullet dan ol(ordered list) untuk membuat list dengan angka. Lalu juga ada atribut tipe untuk memberikan tipe list.
Tambahkan tag a untuk membuat link. Beri atribut target dengan value blank agar halaman dibuka pada tab baru.
Setelah itu tambahkan tag img untuk memasukan gambar.
Sampai disini halaman web sudah mulai terbentuk. Selanjutnya kita akan menambahkan tag div dan span. Tag tersebut tidak akan berefek apa - apa tetapi sangat penting ketika web ditambah CSS.
Oke kurang lebih inilah halaman web yang kita tampilkan. Sekarang tinggal kita buka menggunakan browser.
Maka hasilnya akan seperti ini.
0 Response to "Tutorial HTML Dasar"
Posting Komentar