HTML adalah cara kita membuat struktur website, mulai dari menampilkan tulisan, membuat link, menampilkan gambar, video dan media lainnya. Ini adalah langkah pertama kita untuk mulai membuat website, jadi tidak boleh dilewatkan.
Referensi lain:
- apa itu HTML, baca di sini
- Referensi HTML bahasa Indonesia
Di HTML sendiri, nanti struktur dasarnya akan terdiri dari tag-tag. Tag adalah tanda pengenal untuk menampilkan elemen yang kamu mau, jadi masing-masing ada pengenalnya, seperti tag menampilkan tulisan ada "p", tag untuk gambar ada "img", tag untuk video ada "video" dan masih banyak lagi.
Kamu akan banyak berinteraksi dengan tag-tag ini nantinya. Dengan belajar HTML saja, kamu sudah bisa membuat beberapa halaman website yang saling terhubung dan bisa digunakan orang. Di sekolahkoding kami sudah membuatkan tutorial lengkap HTML dari dasar untuk kamu yang masih pemula.
Benar-benar kita mulai belajar HTMLnya dari nol.
Apa yang perlu disiapkan untuk belajar HTML
Sangat mudah, cukup texteditor dan browser. Text editor adalah tempat kita menulis kodenya, normalnya di windows sudah ada "notepad" dan di mac ada "textedit". Tentunya kamu bisa menginstall/download aplikasi texteditor yang lain, ada banyak pilihan mulai dari visual studio code, atom, sublime dan lainnya. Kamu bisa mencoba mana yang paling kamu nyaman. Tidak ada yang lebih bagus dari yang lain.
Kebutuhan kedua adalah browser. Kemungkinan kamu sudah punya ini. Browser adalah tempat kamu menggunakan internetnya, seperti google chrome, firefox, safari, opera dan lainnya. Di sini adalah tempat kita melihat hasil dari file HTML yang kita buat nanti.
Setelah kamu mengikuti dasar-dasar dari kelas HTML dasar, kamu bisa mulai mengintip kelas HTML 5
Daftar Materi Belajar HTML dari dasar
Belajar HTML dari dasar, HTML adalah bahasa yang digunakan untuk membuat struktur dasar website, bagian awal untuk yang ingin terjun ke dunia pengembangan website
Intro html
Berkenalan dengan html, singkatan dari hypertext markup language, bahasa markup yang digunakan untuk membuat struktur dasar website
menyimpan file html pertama
menyimpan file html membutuhkan format khusus yaitu .html, tidak boleh yang lain, kita juga akan melihat cara membuka file html di browser yang sangat mudah.
Berkenalan dengan tag HTML
Tag html adalah cara penulisan kode kode html yang perlu kita ketahui. Ada banyak tag html yang akan kita lihat satu persatu
Heading dan paragraf
Ada berbagai macam cara untuk membuat tulisan di HTML, salah duanya heading dan paragraf. Heading akan membuat tulisan kita lebih tebal secara otomatis, sementara paragraf akan terlihat seperti text biasa
Membuat link
Website kita bisa terhubung dengan halaman halaman lain, mulai dari halaman lokal, atau halaman yang kita buat sendiri sampai halaman luar seperti google, belajar cara menghubungkannya dengan tag link
Menampilkan gambar
salah satu hal yang menari di website adalah gambar, kita akan melihat bagaimana cara menampilkan gambar dengan tag img di html
Apa itu iframe
Iframe memungkinkan website untuk mengambil konten dari website lain dan menampilkannya di website sendiri. Lihat bagaimana kekuatan iframe yang luar biasa
Mengubah format text
Kita bisa mengubah format text langsung di html, mulai dari menebalkan sampai memiringkan tulisan di halaman website
Perbedaan element block dan inline
Tag-tag pada html punya sifat-sifat yang automatis ikut saat digubakan. Salah satunya sifat block dan sifat inline. Disini kita akan lihat perbedaan apa itu block element dan apa itu inline element
Doctype HTML
Apa itu doctype html dan apa kegunannya. Temukan jawabannya di video ini
Komentar pada html
Komentar adalah cara kita membuat dokumentasi atau menambahkan info sebagai developer atau penulis kode, agar kode lebih mudah dibaca atau mudah mendapatkan keterangannya
Membuat lebih dari satu halaman
Kita akan melihat bagaimana cara membuat beberapa halaman html dan menghubungkannya satu sama lain
Membuat table html
Kita akan melihat bagaimana cara membuat table pada html. Tag tag apa saja yang kita butuhkan?
list pada html
Apa itu list dan bagaimana cara membuatnya. Ada beberapa jenis list, kita akan melihatnya di video ini
Charset, symbol dan entities
Untuk menampilkan html secara benar, kita butuh mendeklarasikan charset. Selain itu ada juga cara penggunaan symbol dan entities di html
Form , text dan textarea
Kita akan mulai melihat cara membuat form dan elemen elemen apa saja yang bisa kita masukkan ke dalam form html
Attribut, label dan id
Setiap tag html memiliki attribute. Apa itu attribute dan kegunannya? mari kita saksikan
Checkbox dan radio
Checkbox dan radio button adalah dua element form yang bisa kita manfaatkan untuk membuat pilihan ke user yang menggunakan website
Penggunaan select dan Option
Selain checkbox dan radio, select juga bisa kita manfaatkan untuk menampilkan pilihan.
Menyelesaikan form
Menyelesaikan form html dengan menambahkan input submit, tombol yang digunakan saat user ingin mengirimkan data datanya
Ke mana setelah ini
Selamat! teman-teman sudah menyelesaikan playlist htmlnya. Setelah ini, kita bisa mulai belajar CSS untuk menghias website atau melihat feature-feature baru di html5
