Skip to content

Alanda04/Lab1Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Langkah-langkah Praktikum Persiapan membuka VSCode dan Browser. Screenshot1 Kemudian buat file baru dengan nama lab1_tag_dasar.html dan tambahkan tag dasar dokumen HTML. Screenshot_3 selanjutnya, buka file tersebut pada web browser. Screenshot_2 Membuat Paragraf Selanjutnya berikut Tampilan VScode. Screenshot_4 selanjutnya, buka file tersebut pada web browser. Screenshot_5 Kemudian atur atribut paragraf seperti berikut, dan amati perubahanya. Tampilan pada VScode Screenshot_6 selanjutnya, buka file tersebut pada web browser. Screenshot_7 Menambahkan Judul pada HTML di VScode Screenshot_8 selanjutnya, buka file tersebut pada web browser. Screenshot_9 Memformat teks Lakukan pemformatan teks yang ada pada paragraf yang sudah ada sebelumnya, berikut tampilan VScode. Screenshot_10 selanjutnya, buka file tersebut pada web browser. Screenshot_11 Menyisipkan Gambar pada HTML, siapkan bahan yang dibutuhkan dan gabungkan degan satu file html berikut tampilan dan codingan VScode. Screenshot_14 Screenshot_12 selanjutnya, buka file tersebut pada web browser. Screenshot_13 Menambahkan Hyperlink pada html serta menambahkan satu file lainya dan jangan lupa file tersebut harus satu group dengan file sebelumnya, berikut VScode. Screenshot_17 Screenshot_15 selanjutnya, buka file tersebut pada web browser. Screenshot_16 Tugas Pertanyaan. Jawab Pertanyaan Berikut:

  1. Lakukan perubahan pada kode sesuai dengan keinginan anda, amati perubahannya adakah error ketika terjadi kesalahan penulisan tag?
  2. Apa perbedaan dari tag

    dengan tag
    , berikan penjelasannya!

  3. Apa perbedaan atribut title dan alt pada tag , berikan penjelasannya!
  4. Untuk mengatur ukuran gambar, digunakan atribut width dan height. Agar tampilan gambar proporsional sebaiknya kedua atribut tersebut diisi semua atau tidak? Berikan penjelasannya!
  5. Pada link tambahkan atribut target dengan nilai atribut bervariasi ( _blank, _self, _top,_parent ), apa yang terjadi pada masing-masing nilai antribut tersebut? Jawaban
  6. 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.
  7. 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.
  8. 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.
  9. yaa lebih baik di isikan semua, karena jika tidak diisi salah satunya akan membuat gambar tidak proporsional.
  10. 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).

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages