ETS PWEB D
Nama : Naufal Fabian Wibowo
Kelas : PWEB D
NRP : 05111940000223
Berikut merupakan jawaban dari ETS saya no 1.
Nama : Naufal Fabian Wibowo
Kelas : PWEB D
NRP : 05111940000223
1.
A. HTML Element
Elemen dalam HTML adalah sebuah komponen yang menyusun dokumen HTML.
Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree.
Elemen pada HTML adalah susunan dari tag pembuka sampai tag penutup.
Elemen html didefinisikan oleh tag pembuka, lalu di lanjutkan oleh kontent lalu di akhiri oleh tag penutup.
Contohnya adalah:
<p>ini adalah paragraph </p>
<imgsrc=”gambar.png/>
B. HTML Tag
Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML.
Tag dibuat dengan kurung siku (), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.
Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup.
Contohnya adalah:
<p> ,<a> , <body> , <head>
C. CSS Selector
CSS selector adalah salah satu rule set dari CSS yang fungsinya tidak berbeda jauh dengan namanya (Selector) yakni memilih suatu elemen yang ingin kamu beri gaya atau style CSS.
Ada beberapa jenis selector yaitu Universal, Element, ID, Class, dan Grouping.
1. Universal Selector
Universal selector berarti memilih semua elemen yang ada pada suatu halaman HTML.
Contohnya adalah:
*{
color: black;
font-size: small;
}
2. Element Selector
Element selector juga disebut sebagai “Type selector“, selector ini harus cocok dengan satu atau lebih elemen HTML dengan nama yang sama.
Contohnya adalah:
li {
color: black;
font-size: small;
}
3. ID Selector
ID selector
menggunakan attribut id pada HTML untuk memilih elemen tertentu. ID dari elemen bersifat unik dalam suatu laman, jadi ID selector digunakan untuk memilih satu elemen unik.
Contohnya adalah:
#judul {
color: white;
font-size: medium;
}
4. Class Selector
Class selector digunakan untuk memilih elemen HTML dengan class atribut tertentu. Untuk memilih elemen dengan class tertentu, tulis karakter titik (.) diikuti dengan nama class.
Contohnya adalah:
.button {
background-color: blue;
}
5. Grouping Selector
Grouping Selector yakni memilih semua elemen HTML dengan style css yang sama. Untuk Group Selector, pisahkan setiap selector dengan tanda koma.
Contohnya adalah:
h1, p, a, li {
color: black;
}
D. AJAX
Ajax adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (tidak langsung) – memproses setiap request (permintaan) yang datang ke server di sisi background.
Contohnya adalah:
Google Autocomplete Ketika Anda sedang mengetik kata kunci di Google, fitur ini akan menyelesaikannya untuk Anda. Meskipun keywordnya berubah-ubah secara real time, tampilan halamannya tetap sama.
Berikut merupakan jawaban dari ETS saya no 2.
Implementasi Front-End Studi Kasus Auto2000
Video Demonstrasi
Link Youtube :https://youtu.be/zPLlbviRyD0
Link Github : https://github.com/naufalfabian/ETSPWEB_NaufalFabianWibowo
Link Website : https://etspweb.netlify.app/
Sekian dari saya , apabila ada kendala terhadap akses link bisa menghubungi saya. Terima Kasih.
Comments
Post a Comment