Alhamdulillah pada kegiatan belajar mengajar di kampus IDN, saya diajarkan oleh mentor kak Febri mengenai Fundamental-fundamental HTML & CSS.
Nah, saya diajarkan beberapa dasar syntax dan perngertian dari HTML dan CSS itu sendiri.
HTML merupakan singkatan dari Hyper Text Markup Languange yang bukan merupakan bahasa pemograman.
Sedangkan CSS, merupakan singkatan dari Cascade Stylesheet yang merupakn baris kode untuk mengatur Style dari html.
Tag-tag HTML yang dipelajari adalah;
<h1> sampai <h6> yang fungsinya untuk menampilkan besar sebuah text content.
<title> yang digunakan untuk menampilkan judul website di bagian jendela website.
Penggunaan Emmet Abriviation yang memudahkan kita untuk mengetik codingan di VS COode.
<img src=”” alt=””> tag dan atribut untuk menampilkan gambar di web.
<p> untuk menampilkan paragraf.
<div> sebagai pembungkus elemen-elemen html
Dalam pembelajaran kemarin juga kita diajarkan bahwa pemanggilan CSS dapat melalui 3 cara:
- Inline CSS
Yaitu dengan menambahkan attribut style CSS nya langsung pada sebuah tag, misalnya:
<h1 style=”color: black;”>Hello World!</h1> disini kita membuat tulisan Hello World dengan tag H1 menjadi warna hitam - Internal CSS
Yaitu dengan menambahkan style CSS sebagai tag pada element head, misalnya:
<head>
<style>
h1 {
color: black ;
}
</style>
</head> - Eksternal CSS. Sayangnya belum dijelaskan mengenai itu pada 2 hari ini
Kita juga diajarkan beberapa selector untuk memanggil CSS yaitu:
- Selektor Class
cara panggilnya itu dengan menambahkan attribut class pada tag html, misalnya <h1 class=”nama_class”>Selektor Class</h1> kemudian memanggilnya di CSS dengan menambahkan titik, misalnya
.nama_class {
color: black;
}
Selektor ini paling sering digunakan oleh para developer untuk memanggil CSS, hampir semua framework menggunakan selector Class. - Selektor ID
cara panggilnya itu dengan menambahkan attribut id pada sebuah tag html, misalnya <h1 id=”namaId”>Hello Woorld!</h1> kemudian kita panggil pada lembar CSS dengan menambahkan pagar #, misalnya
#namaId {
color: black;
}
Selektor Id paling jarang digunakan karena dia merupakan selector yang sensitif, sama seperti dengan class. Namun tidak pada popularitasnya. - Universal Selektor
Universal selektor adalah memanggil seluruh tag dan elemen untuk diubah di lembar CSS, cara panggilnya sangat mudah cukup menggunakan tanda bintang saja kita sudah dapat memanggil semua tag dan elemen pada HTML, misalnya kita ingin mengubah semua font menjadi Times New Roman
* {
font-family: “Times New Roman”;
}
Dalam 2 hari ini juga kita dijelaskan apa itu Padding dan Margin
- Padding
Padding adalah jarak kedalam antara isi konten dengan box elemen - Margin
Margin adalah jarak antara border dengan elemen lainnya.
Mungkin itu saja catatan saya selama pengajaran 2 hari kemarin leb ih dan kurangnya saya mohon maaf.. Terima kasih.
