Ifanu Antoni
05111940000064
Kelas PWEB (D)
Laporan ETS PWEB Kelas D
1. HTML Element
Elemen pada HTML adalah susunan dari tag pembuka sampai tag penutup,
elemen html didefinisikan oleh tag pembuka, lalu di lanjutkan oleh
kontent atau isi kemudian di akhiri oleh tag penutup
Penulisan element pada html menggunakan aturan sebagai berikut
<tag pembuka> isi konten </tag penutup>
Contoh dari elemen pada HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ETS PWEB</title>
</head>
<body>
<Section>
<article>
Ini adalah artikel
</article>
</Section>
</body>
</html>
2. HTML Tag
Tag merupakan penanda awal dan akhir dari suatu elemen HTML. Tag dibuat dengan tanda (<…..>) kemudian di dalam tanda tersebut terdapat huruf atau kata yang mewakili nama dan kegunaaan dari tag tersebut.
Dalam setiap elemen HTML terdiri dari sepasang tag, tag pembuka dan tag
penutup. Perbedaan antara tag pembuka dan tag penutup terdapat pada
tanda slash yang dimiliki tag penutup, namun ada juga tag yang dalam penulisannya berdiri sendiri seperti
<nama_tag/>, tag tersebut merupakan contoh dari elemen HTML yang tidak memiliki tag penutup atau disebut dengan Void Element sebagai contoh <br>, <hr>, <img>, dan masih ada lagi.Berikut adalah contoh beberapa tag dan kegunaannya yang ada di HTML
3. CSS Selector
CSS selector atau pemilih dan penyeleksi CSS (dalam bahasa Indonesia)adalah aturan kode CSS yang digunakan untuk “menemukan” (atau memilih dan menyeleksi) HTML element mana yang ingin Anda berikan style, atau bisa dikatakan CSS Selector merupakan pola yang digunakan untuk memilih elemen pada HTML yang akan tambahkan style (gaya). Terdapat beberapa jenis selector diantaranya adalah Element Selector (bedasarkan nama elemennya) , Id Selector (berdasarkan attribute Id nya), Class Selector (berdasarkan attribute classnya), Grouping Selector ( pola yang memilih semua elemen HTML dengan definisi gaya yang sama) , Universal Selector (menngunakan tanda * yang menyeleksi semua elemen yang ada)
Contoh :
body {
height: 2000px;
}
nav {
background-color: aqua;
}
nav li {
padding-left: 3rem;
}
nav div ul div li span {
padding: 6;
margin: 0;
}
.judul-kecil {
font-weight: 200;
}
4. Ajax
AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) untuk membuat website yang dinamis. Artinya website mampu mengupdate dan menampilkan data baru dari server tanpa perlu melakukan reload
Contoh pengunaan dari Ajax adalah pada update jumlah angka likes dan komentar pada media sosial Instagram, Facebook, Twitter, dan lainnya
Komentar
Posting Komentar