Belajar HTML Dasar #10 Tabel

Kita akan mempelajari mengenai elemen table, yang digunakan untuk membuat tabel. Lalu elemen thead yang digunakan untuk menandakan bagian kepala dari tabel. Sedangkan elemen tbody digunakan untuk menandakan bagian badan dari tabel. Elemen tr digunakan untuk membuat baris di dalam tabel. Elemen th digunakan untuk membuat header di dalam baris. Dan yang terakhir elemen td yang fungsinya untuk membuat data di dalam baris.

Selanjutnya ada 2 attribute yang bisa kita gunakan di elemen TD atau TH. Yang pertama adalah colspan yang berfungsi untuk menggabungkan beberapa kolom menjadi satu cell. Dan yang kedua adalah rowspan yang berfungsi untuk menggabungkan beberapa baris menjadi satu cell.

Belajar HTML Dasar #09 Link dan Tag Anchor

Untuk membuat link, kita menggunakan anchor tag. Elemen yang digunakan disini adalah huruf a, singkatan dari anchor. Setelah harus menggunakan attribute href untuk menunjukan alamat dokumen yang akan dituju. Konten yang diapit oleh anchor tag akan menjadi hypertext, yaitu text yang apabila diklik akan mengantarkan pengunjung ke dokumen lain sesuai dengan alamat yang ditunjuk pada href.

Ada beberapa cara membuat link yang dibahas di dalam video ini. Yang pertama adalah link yang menggunakan Absolute URL. Disini kita mengisikan attribute href dengan alamat lengkap dari dokumen, termasuk jenis protokol yang digunakan untuk mengakses dokumen tersebut, seperti http atau https.

Yang kedua ada link menggunakan Relative URL. Disini kita cukup menuliskan nama folder dan nama file dari dokumen, dan browser akan mencari dokumen tersebut berdasarkan folder dari dokumen yang sedang diakses sekarang.

Selanjutnya kita juga bisa membuat link menuju elemen pada halaman yang sama. Disini kita mengisikan attribute href dengan ID dari elemen tersebut, diawali dengan tanda hash. Setelah itu kita menambahkan ID pada elemen yang akan dituju apabila link tersebut diklik.

Link juga bisa digunakan untuk membawa browser kembali ke bagian konten paling atas. Untuk itu kita cukup mengisikan attribute href dengan nilai tanda hash saja.

Link juga bisa digunakan agar pengunjung dapat lebih mudah mengirimkan email ke kita. Kita bisa mengisikan attribute href dengan protokol mailto diikuti tanda titik dua dan alamat email kita, di dalam contoh ini adalah david@skysensolution.com. Nantinya apabila link ini diklik, maka browser akan membuka email client dari perangkat tersebut, dan langsung membuka halaman membuat email baru dengan alamat tujuan david@skysensolution.com.

Penggunaan selanjutnya yang sedang popular pada saat ini adalah untuk mengirimkan pesan Whatsapp. Untuk itu kita bisa mengisikan attribute href dengan protokol https://wa.me/ diikuti dengan nomor Whatsapp kita. Perlu diingat disini bahwa nomor Whatsapp diawali dengan kode negara, dan kode negara Indonesia adalah 62.

Kita bisa mengatur akan link dibuka pada tab baru, sehingga alamat yang sekarang masih tetap bisa diakses oleh pengguna. Untuk itu kita bisa menambahkan attribute target=”_blank”.

Belajar HTML Dasar #07 List Atau Daftar

Kita akan mempelajari cara membuat list atau daftar menggunakan tag HTML.
Untuk membuat list, kita bisa menggunakan salah satu dari elemen UL dan OL. Elemen UL singkatan Unordered List, yang digunakan untuk membuat daftar tanpa nomor urut. Sedangkan elemen OL singkatan dari Ordered List, digunakan untuk membuat daftar dengan nomor urut. Untuk mengisi list, di setiap barisnya kita menggunakan tag LI yang singkatan dari List Item.
Ada beberapa attribute yang bisa kita gunakan untuk elemen OL. Yang pertama adalah type yang bisa mengatur jenis penomoran yang akan digunakan di dalam daftar. Type 1 menggunakan angka biasa, tipe A besar menggunakan huruf besar ABC, sedangkan tipe a kecil menggunakan huruf kecil abc, tipe I besar menggunakan huruf romawi besar, sedangkan tipe i kecil akan menggunakan huruf romawi kecil.
Attribute start digunakan untuk menentukan nilai awal dari penomoran. Sedangkan attribute reversed digunakan untuk membalikan perhitungan nomor mejadi dari nomor besar ke nomor kecil.

Belajar HTML Dasar #06 Special Characters dan Komentar

Kita akan mempelajari cara menuliskan kurung siku tersebut sebagai konten, yaitu dengan menggunakan HTML spesial character. Selain itu kita juga akan mempelajari cara menuliskan komentar di kode HTML kita.