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

Popular posts from this blog

Tugas 1 PWEB D : CV

Tugas 8 RK B : BOM dan Feature Tree

Tugas 3 RK B : Input Output Requirement Engineering Process