kuliah kuliahweb 12 Comments

Tugas menjelaskan listing code

Ada sebuah sebuah halaman html yang berisikan baris code seperti dibawah ini :

<!doctype html>
 
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Judul Halaman Saya</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="all" />
  </head>
<body> 

<div class="menu-wrap">
	

<ul>		
      
<li><a href="beranda.html">Beranda</a></li>

		
      
<li><a href="tentang.html">Tentang Kami</a></li>

		
      
<li><a href="kontak.html">Kontak Kami</a>

<ul>				
              
<li><a href="alamat.html">Alamat Kami</a></li>

				
              
<li><a href="kebijakan.html">Kebijakan</a></li>

		
          </ul>

      </li>

</ul>

</div>

</body>
</html>

 

tugas kalian adalah jelaskan apa maksud dari baris code tersebut secara jelas baik itu fungsi dari masing masing tag dan apa yang akan ditampilkan oleh baris code tersebut didalam halaman browser. tulis jawaban kalian pada kolom komentar dibawah ini ,

 

apabila ada yang kurang jelas dari tugas tanyakan juga pada kolom komentar dibawah ini.

12 thoughts on “Tugas menjelaskan listing code

  • Erika Arta

    Nama : ERIKA ARTA RAMADHANY
    NIM : E1557401024
    MATKUL : PEMROGRAMAN WEB II

    * Deklerssi adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

    * Tag memberitahu browser bahwa ini adalah dokumen HTML. Tag mewakili akar dokumen HTML. Tag adalah wadah untuk semua elemen HTML lainnya (kecuali tag ). Sedangkan Lang=”en” adalah bahasa yang digunakan.
    merupakan meta tag yang paling sering digunakan dalam HTML5

    *Tag diperlukan di semua dokumen HTML dan ini mendefinisikan judul dokumen.
    Elemen mendefinisikan judul di toolbar browser memberikan judul untuk halaman saat ditambahkan ke favorit menampilkan judul untuk halaman di search engine.

    * mendefinisikan hubungan antara dokumen dan sumber eksternal. Diigunakan untuk menghubungkan ke style sheet eksternal.

    *Tag mendefinisikan isi dokumen. Tag berisi semua konten dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll.

    * adalah syntax Dropdown Menu atau Menu Dropdown. Dropdown Menu atau Menu Dropdown adalah sebuah menu yang berisikan kumpulan link-link yang ditampilkan menurun kebawah jika menu tersebut di klik dan menu itu berfungsi sebagai pengarah ke halaman web lain, baik dari web kita sendiri atau dari web lain.

    *Tag mendefinisikan daftar unordered (bullet).

    *Tag mendefinisikan item daftar. Tag digunakan dalam daftar pesanan (), daftar tidak berurutan (), dan dalam daftar menu ().

    [Beranda]
    Mendefinisikan hyperlink, yang digunakan untuk menghubungkan dari satu halaman ke halaman lainnya. Atribut yang paling penting dari elemen adalah atribut href, yang menunjukkan tujuan tautan.

    * adalah tag penutup.

  • Ricky Dwi Laksmana

    Nama : Ricky Dwi Laksmana
    NIM : E1557401016
    Mata Kuliah : Pemrograman Web II
    Tugas : Menjelaskan Apa Maksud Dari Baris Code Di Atas

    1. Deklarasi harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag . Deklarasi bukan tag HTML; Ini adalah instruksi untuk browser web tentang versi HTML yang ada dalam halaman.
    2. Kepala dari dokumen html
    3. Tag untuk menampilkan isi dokumen html
    4. Suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group.
    5. Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
    6. List Item, tag yang berada di elemen OL dan UL yang berbentuk list
    7. Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
    8. Atribut yang di tambahkan kedalam tag a dimana value dari href ini adalah url.

  • Alya Noor Fitriani

    Nama : Alya Noor Fitriani
    NIM : E1557401004

    1. Doctype html adalah adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

    2. Menjelaskan coding dari kepala dokumen tersebut.

    3.Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya.
    4. Tag untuk menampilkan isi dokumen tersebut.
    5. Unorder list element digunakan untuk merepresentasikan sebuah daftar item atau koleksi beberapa item yang dapat disusun kembali secara acak tanpa penomoran.
    6. list item terletak didalam dan dapat ditulis lebih dari satu element.
    7. Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web.
    8. Atribut yang ditambahkan ke dalam beberapa list.

  • Jepri

    Nama : Jepri
    NIM : E1557401009
    Prodi : Manajemen Informatika
    Mata Kuliah : Pemrograman WEB II

    []
    adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

    []
    Tag memberitahu browser bahwa ini adalah dokumen HTML. Tag mewakili akar dokumen HTML. Tag adalah wadah untuk semua elemen HTML lainnya (kecuali tag ). Sedangkan Lang=”en” adalah bahasa yang digunakan.

    []
    merupakan meta tag yang paling sering digunakan dalam HTML5

    []
    Tag diperlukan di semua dokumen HTML dan ini mendefinisikan judul dokumen.
    Elemen mendefinisikan judul di toolbar browser memberikan judul untuk halaman saat ditambahkan ke favorit menampilkan judul untuk halaman di search engine.

    []
    mendefinisikan hubungan antara dokumen dan sumber eksternal. Diigunakan untuk menghubungkan ke style sheet eksternal.

    []
    Tag mendefinisikan isi dokumen. Tag berisi semua konten dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll.

    []
    adalah syntax Dropdown Menu atau Menu Dropdown. Dropdown Menu atau Menu Dropdown adalah sebuah menu yang berisikan kumpulan link-link yang ditampilkan menurun kebawah jika menu tersebut di klik dan menu itu berfungsi sebagai pengarah ke halaman web lain, baik dari web kita sendiri atau dari web lain.

    []
    Tag mendefinisikan daftar unordered (bullet).

    Tag mendefinisikan item daftar. Tag digunakan dalam daftar pesanan (), daftar tidak berurutan (), dan dalam daftar menu ().

    [Beranda]
    Mendefinisikan hyperlink, yang digunakan untuk menghubungkan dari satu halaman ke halaman lainnya. Atribut yang paling penting dari elemen adalah atribut href, yang menunjukkan tujuan tautan.

    [] adalah tag penutup.

  • SUGIANUR

    Nama : SUGIANUR
    NIM : E1557401002
    Prodi : Manajemen Informatika


    / doctype adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.


    Tag memberitahu browser bahwa ini adalah dokumen HTML. Tag mewakili akar dokumen HTML. Tag adalah wadah untuk semua elemen HTML lainnya (kecuali tag ). Sedangkan Lang=”en” adalah bahasa yang digunakan.


    Tag adalah wadah untuk semua elemen kepala. Elemen dapat mencakup judul untuk dokumen, skrip, gaya, informasi meta, dan banyak lagi.


    merupakan meta tag yang paling sering digunakan dalam HTML5

     Judul Halaman Saya
    Tag diperlukan di semua dokumen HTML dan ini mendefinisikan judul dokumen.
    Elemen mendefinisikan judul di toolbar browser memberikan judul untuk halaman saat ditambahkan ke favorit menampilkan judul untuk halaman di search engine.


    mendefinisikan hubungan antara dokumen dan sumber eksternal. Diigunakan untuk menghubungkan ke style sheet eksternal.


    Tag mendefinisikan isi dokumen. Tag berisi semua konten dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll.


    adalah syntax Dropdown Menu atau Menu Dropdown. Dropdown Menu atau Menu Dropdown adalah sebuah menu yang berisikan kumpulan link-link yang ditampilkan menurun kebawah jika menu tersebut di klik dan menu itu berfungsi sebagai pengarah ke halaman web lain, baik dari web kita sendiri atau dari web lain.


    Tag mendefinisikan daftar unordered (bullet).


    Tag mendefinisikan item daftar. Tag digunakan dalam daftar pesanan (), daftar tidak berurutan (), dan dalam daftar menu ().

    Beranda
    Mendefinisikan hyperlink, yang digunakan untuk menghubungkan dari satu halaman ke halaman lainnya. Atribut yang paling penting dari elemen adalah atribut href, yang menunjukkan tujuan tautan.

     , , , , ,
    , , , , , adalah tag penutup.

  • Salasiah-E1557401008

    Nama : Salasiah
    NIM : E1557401008
    Mata Kuliah : Pemrograman Web II
    Tugas : Menjelaskan Apa Maksud Dari Baris Code Di Atas

    1 : Deklarasi harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag . Deklarasi bukan tag HTML; Ini adalah instruksi untuk browser web tentang versi HTML yang ada dalam halaman.
    2 : Kepala dari dokumen html
    3 : Tag untuk menampilkan isi dokumen html
    4 : Suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group
    5 : Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
    6 : List Item, tag yang berada di elemen OL dan UL yang berbentuk list
    7 : Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
    8 : Atribut yang di tambahkan kedalam tag a dimana value dari href ini adalah url

  • MIA AGUSSINTIYA

    Nama : Mia Agussintiya
    Nim : E1557401010
    Jurusan : Manajemen Informatika (D3)

    1. !DOCTYPE html
    bukanlah tag HTML, ini adalah sebuah instruksi atau pemberitahuan ke web browser tentang versi HTML pada halaman yang ditulis.
    2. html lang=”en”
    Elemen HTML
    Elemen ini mengandung keseluruhan dokumen HTML, yang berarti tag pembuka elemen HTML merupakan tanda awal dokumen HTML, dan tag penutup adalah tanda akhir dokumen.
    3. head
    elemen merupakan wadah untuk semua elemen kepala.

    4. meta charset=”utf-8″
    Meta tag sendiri adalah rangkaian kode HTML yang biasa digunakan untuk mempermudah Google dan browser untuk mengidentifikasi seluruh konten yang ada dalam website tersebut.
    Universal Character Set, atau yang umum disebut sebagai Charset adalah kumpulan dari beberapa jenis pengkodean karakter baik huruf, angka, symbol, dll. Untuk untuk saat ini pengkodean UTF-8 telah menjadi standarisasi untuk pengkodean dalam system operasi, bahasa pemrograman, API, dan software.
    Pada saat membuat satu halaman website dengan memberikan tag berarti halaman tersebut telah memberi informasi terhadap browser dan search engine untukmelakukan pengkodean karakter sesuai ketentuan UTF-8.

    5. titleJudul Halaman Saya/title
    Title tag diperlukan dalam semua dokumen HTML dan mendefinisikan judul dokumen.

    6. link rel=”stylesheet” type=”text/css” href=”style.css” media=”all” /
    Atribut Media menentukan apa yang media / perangkat sumber daya target dioptimalkan untuk.
    Atribut ini sebagian besar digunakan dengan stylesheet CSS untuk menentukan gaya yang berbeda untuk jenis media yang berbeda.
    Atribut Media dapat menerima beberapa nilai.

    7. /head
    Menjelaskan tentang batas atau akhir dari coding kepala HTML tersebut

    8. body
    mendefinisikan tubuh dokumen. Elemen yang berisi semua isi dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll

    9. div class=”menu-wrap”
    Menjelaskan jika pendefinisan sebuah section dalam dokumen telah dimulai, dan memiliki class:”menu-warp” yaitu menu yang nantinya akan memiliki tampilan menurun.

    10. ul
    mendefinisikan daftar (bullet) unordered.

    11. untuk baris 16, 20, 24,26,28,29 :
    merupakan tampilan informasi akan di tampilkan dalam bentuk item daftar, berisikan tentang lokasi untuk mengakses menu yang akan di buat. Dan menunjukkan sebuah alamat yang dituju.
    Tag li mendefinisikan sebuah item daftar.
    Tag a mendefinisikan hyperlink, yang digunakan untuk menghubungkan dari satu halaman ke halaman lain. Atribut yang paling penting dari elemen adalah atribut href, yang menunjukkan tujuan link. Secara default, link akan muncul sebagai berikut di semua browser:
    • Link yang belum dikunjungi adalah digarisbawahi dan biru
    • Sebuah link dikunjungi adalah digarisbawahi dan ungu
    • Link aktif adalah digarisbawahi dan merah
    12. Baris 35 /ul
    merupakan tag dimana berfungsi sebagai penutup dari tag sebelumnya.
    13. Baris 37 /li
    adalah tag penutup untuk tag yang berisikan menu-menu di dokumen HTML yang sudah dibuat sebelumnya.
    14. Baris 39 /ul
    menjelaskan jika isian menu dengan format bullet telah berakhir semuanya mulai dari menu yang pertama “Beranda” sampai dengan “Kebijakan”.

    15. Baris 41 /div
    menjelaskan bahwa pengelompokan isi dari dokumen HTML dalam sebuah table telah berakhir.
    16. Baris 43 /body
    menjelaskan bahwa pengelompokan isi dari dokumen HTML dalam sebuah table telah berakhir.

    17. Untuk baris 44 /html
    Menjelaskan bahwa dokumen yang dibuat telah berakhir.

  • Winda Norhasanah-E1557401018

    Nama : Winda Norhasanah
    NIM : E1557401018
    Mata Kuliah : Pemrograman Web II
    Tugas : Menjelaskan Apa Maksud Dari Baris Code Di Atas

    : Deklarasi harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag . Deklarasi bukan tag HTML; Ini adalah instruksi untuk browser web tentang versi HTML yang ada dalam halaman.
    : Kepala dari dokumen html
    : Tag untuk menampilkan isi dokumen html
    : Suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group
    : Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
    : List Item, tag yang berada di elemen OL dan UL yang berbentuk list
    : Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
    : Atribut yang di tambahkan kedalam tag a dimana value dari href ini adalah url

  • Siti Amalia

    Nama: Siti Amalia
    NIM: E1557401014
    Mata Kuliah: Pemrograman Web II
    Tugas : Menjelaskan Apa Maksud Dari Baris Code Di Atas

    Baris 1 : () menjelaskan tentang dokumen yang dibuat adalah sebuah dokumen HTML.
    Baris 3 : () menjelaskan tentang coding pembuka dalam sebuah pemrograman web. Dimana ada tanda “” pasti ada tanda “” sebagai penutup atau akhir dari atribut yang dibuat. Dan tag html juga berguna agar browser mengetahui bahwa yang di gunakan adalah dokumen HTML.
    Baris 4 : () menjelaskan bahwa coding ini adalah kepala dari dokumen HTML.
    Baris 5 : () menjelalsakan jika halaman HTML yang dibuat telah memberi informasi terhadap browser untuk melakukan pengkodean sesuai dengan ketentuan UTF-8.
    Baris 6 : (Judul Halaman Saya) menjelaskan tentang judul dokumen HTML yang akan dibuat dengan nama “Judul Halaman Saya”.
    Baris 7 : () Menjelaskan definisi bahwa ada hubungan antara dokumen dan sumber eksternalnya. Seperti coding di atas memiliki type “text/css” yang diambil dari “style.css”.
    Baris 8 : () Menjelaskan tentang batas atau akhir dari coding kepala HTML tersebut.
    Baris 9 : () Menjelaskan bahwa tag pembuka untuk pengelompokan isi dari dokumen HTML dalam sebuah tabel.
    Baris 11 : () Menjelaskan jika pendefinisan sebuah section dalam dokumen telah dimulai, dan memiliki class:”menu-warp” yaitu menu yang nantinya akan memiliki tampilan menurun.
    Baris 14 : () menjelaskan jika pendefinisan daftar menu nantinya akan ditampilkan dalam format bullet.
    Baris 16 : (Beranda) menjelaskan tampilan informasi akan di tampilkan dalam bentuk item daftar, dalam tag ini daftar menu pertama ialah “Beranda” yang ditujukan alamatnya ke “beranda.html” berisikan tentang lokasi akan dikasesnya sebuah menu yang di buat.
    Baris 20 : (
    Tentang Kami) menjelaskan bahwa tampilan informasi akan di tampilkan dalam bentuk item daftar, daftar menu kedua ialah “Tentang Kami” yang ditujukan ke alamat “tentang.html”.
    Baris 24 : (Kontak Kami) menjelaskan tentang tampilan informasi akan di tampilkan dalam bentuk item daftar, menu ketiga memiliki nama menu “Kontak” yang memiliki tujuan alamat ke “kontak.html”.
    Baris 26 : () menjelaskan jika pendefinisan daftar menu nantinya akan ditampilkan dalam format bullet. Dalam kasus ini digunakan kedua kalinya untuk menu Kontak agar memiliki menu-warp yang berbeda.
    Baris 28 : (Alamat Kami) menjelaskan jika menu yang di buat dari turunan Kontak adalah menu “Alamat Kami” yang menujukan alamat ke “alamat.html”
    Baris 29 : (Kebijakan) baris ini juga sama dengan baris-baris sebelumnya yaitu tag untuk membuat menu dari turunan Kontak yang diberi nama menu “Kebijakan” yang ditujukan ke alamat “kebijakan.html”.
    Baris 35 : () adalah tag dimana berfungsi sebagai penutup dari tag sebelumnya.
    Baris 37 : () adalah tag penutup untuk tag diatasnya yang berisikan menu-menu di dokumen HTML yang sudah dibuat sebelumnya.
    Baris 39 : () menjelaskan jika isian menu dengan format bullet telah berakhir semuanya mulai dari menu yang pertama “Beranda” sampai dengan “Kebijakan”.
    Baris 41 : () menjelaskan jika isian sebuah section dalam sebuah dokumen telah berakhir dengan ditandai tanda “/”.
    Baris 43 : () menjelaskan jika untuk pengelompokan isi dari dokumen HTML dalam sebuah table telah berakhir.
    Baris 44 : () menjelaskan jika dokumen yang dibuat telah berakhir.

  • Jepri

    Tugasnya kapan di kumpul ya pak ? makasih

Leave a Reply

Your email address will not be published. Required fields are marked *