Langkah-langkah Praktikum Persiapan membuka VSCode dan Browser.
Kemudian buat file baru dengan nama lab1_tag_dasar.html dan tambahkan tag dasar dokumen HTML.
selanjutnya, buka file tersebut pada web browser.
Membuat Paragraf Selanjutnya berikut Tampilan VScode.
selanjutnya, buka file tersebut pada web browser.
Kemudian atur atribut paragraf seperti berikut, dan amati perubahanya. Tampilan pada VScode
selanjutnya, buka file tersebut pada web browser.
Menambahkan Judul pada HTML di VScode
selanjutnya, buka file tersebut pada web browser.
Memformat teks Lakukan pemformatan teks yang ada pada paragraf yang sudah ada sebelumnya, berikut tampilan VScode.
selanjutnya, buka file tersebut pada web browser.
Menyisipkan Gambar pada HTML, siapkan bahan yang dibutuhkan dan gabungkan degan satu file html berikut tampilan dan codingan VScode.
selanjutnya, buka file tersebut pada web browser.
Menambahkan Hyperlink pada html serta menambahkan satu file lainya dan jangan lupa file tersebut harus satu group dengan file sebelumnya, berikut VScode.
selanjutnya, buka file tersebut pada web browser.
Tugas Pertanyaan.
Jawab Pertanyaan Berikut:
- Lakukan perubahan pada kode sesuai dengan keinginan anda, amati perubahannya adakah error ketika terjadi kesalahan penulisan tag?
- Apa perbedaan dari tag
dengan tag
, berikan penjelasannya! - Apa perbedaan atribut title dan alt pada tag
, berikan penjelasannya!
- Untuk mengatur ukuran gambar, digunakan atribut width dan height. Agar tampilan gambar proporsional sebaiknya kedua atribut tersebut diisi semua atau tidak? Berikan penjelasannya!
- Pada link tambahkan atribut target dengan nilai atribut bervariasi ( _blank, _self, _top,_parent ), apa yang terjadi pada masing-masing nilai antribut tersebut? Jawaban
- Saat terjadi kesalahan pada penulisan code html muncul pesan error pada VScode yang memberi tahukan kepada user bahwa telah terjadi kesalahan atau keliruan pada line tertentu yang menyebabkan error, saya belum menemukan kesalahan saat membuat html ini.
- Tag
Tag ini berfungsi untuk memberi perintah paragraf baru pada halaman html, antara baris atau paragraf terbentuk jarak dimulai dengan tag pembuka
dan diakhiri dengan tag penutup
. sedangkan Tag
tag ini adalah tag tunggal tanpa diawali tag pembuka dan diakhiri tag penutup, dituliskan pada kerangka html untuk memberikan perintah "break line", artinya meng intruksikan baris baru. bedanya dari kedua tag tersebut adalah baris baru yang dihasilkan tanpa memberi jarak dengan baris diatasnya. - alt atribut digunakan bukan pada gambar yang bisa di tampilkan, hanya muncul pop up yang menjelaskan keterangan gambar tersebut saat cursor berada di sekitar gambar dan dapat di baca oleh user. sedangkan title atribut ditampilkan bersama dengan gambar.
- yaa lebih baik di isikan semua, karena jika tidak diisi salah satunya akan membuat gambar tidak proporsional.
- link_blank untuk membuka link di tab baru, link_self untuk membuka link di frame link itu berada. ini merupakan setelan dasar link jika pada elemen link tidak diberi atribut target, link_parent untuk membuka link di frame yang satu tingkat di atas frame link tersebut berada, link_top untuk membuka link di frame paling atas (paling luar).