Scribd Logo
Unggah

Selamat datang di Scribd!

  • Makalah - Pemrograman Web - FITO AZLAN

    Diunggah oleh

    ZigfridZvo Russian '
    6 tayangan12 halaman

    Judul Asli

    Makalah_Pemrograman Web_FITO AZLAN (1)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan12 halaman

    Makalah - Pemrograman Web - FITO AZLAN

    Diunggah oleh

    ZigfridZvo Russian '

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 12

    MAKALAH KOMPONEN HTML

    Disusun Oleh :

    FITO AZLAN

    212221060

    PROGRAM STUDI ILMU KOMPUTER


    FAKULTAS TEKNOLOGI INFORMASI
    UNIVERSITAS SEMBILANBELAS NOVEMBER KOLAKA
    2023
    KATA PENGANTAR

    Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Penyayang, kami
    panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat,
    hidayah, dan inayah- Nya kepada saya, sehingga saya dapat menyelesaikan laporan
    tentang Efektifitas Seleksi Fitur dalam Sistem Temu-Kembali Informasi

    laporan ini telah saya susun dengan maksimal dan mendapatkan bantuan dari
    berbagai sumber sehingga dapat memperlancar pembautan laporan ini. Untuk itu
    saya menyampaikan banyak terima kasih kepada semua sumber yang telah
    berkontribusi dalam pembuatan laporan ini.

    Terlepas dari semua itu, saya meyadari sepenuhnya bahwa masih ada kekurangan
    baik dari segi susunan kalimat maupun tata bahasanya. Oleh karena itu dengan
    tangan terbuka saya menerima segala saran dan kritik dari pembaca agar sayai dapat
    memperbaiki laporan ini.

    Akhir kata saya berharap semoga laporan Efektifitas Seleksi Fitur dalam Sistem
    Temu-Kembali Informasi dapat memberikan manfaat maupun inspirasi terhadap
    pembaca.

    LAMARAJA, 2 April 2023

    Penyusun
    BAB I
    PENDAHULUAN

    A. Latar Belakang

    Hypertext Markup Language atau HTML adalah bahasa markup standar yang
    digunakan untuk membuat halaman website dan aplikasi web. Sejarah HTML diciptakan
    oleh Tim Berners- Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi
    di Swiss.

    Versi pertama HTML dirilis oleh Tim Berners Lee pada tahun 1991, yang memiliki 18
    tag. Sejak saat itu, setiap kali ada versi barunya, pasti akan selalu ada tag dan attribute
    (tag modifier) yang juga baru.

    Ketika bekerja dengan bahasa markup ini, Anda menggunakan struktur kode
    sederhana (tag dan attribute) untuk mark up halaman website. Misalnya, Anda membuat
    sebuah paragraf dengan menempatkan enclosed text di antara tag pembuka <p> dan
    tag penutup </p>.

    HTML tidak dianggap sebagai bahasa pemrograman karena tidak bisa


    memberikan fungsi yang dinamis. Sekarang, bahasa markup ini dianggap sebagai
    standar web resmi, dikelola oleh World Wide Web Consortium (W3C), yang juga
    bertugas merilis pembaruan rutin HTML.

    Spesifikasi HTML dikelola dan dikembangkan oleh World Wide Web Consortium
    (W3C). Berdasarkan HTML Element Reference milik Mozilla Developer Network, saat
    ini ada 140 tag HTML, meskipun sebagiannya sudah tidak lagi didukung oleh beberapa
    versi terbaru browser.

    Kemudian, pada tahun 2014, HTML5 mulai diperkenalkan. Dengan


    diperkenalkannya HTML5, terdapat semantic baru seperti <artcile>, <header>, dan
    <footer> yang memperjelas bagian-bagian dalam konten.
    B. Tujuan

    1. Mengetahui Apa aitu HTML

    2. Mengetahui Jenis jenis dari pada HTML

    3. Mengetahui Komponen HTML

    4. Mengetahui Kegunaan dari HTML

    C. Rumusan Masalah

    Dari serangkai pembahasan di atas dapat di ketahui dengan sekasama


    bahwa pokok pokok permasalahan dapat di rumuskan oleh penulis
    diantaranya, sebagai berikut :
    1. Apa saja Komponen komponne dari HTML?
    2. Bagaimana Implementasinya ?
    BAB II
    PEMBAHASAN

    TML (HyperText Markup Language) adalah bahasa pemrograman paling


    basic dari sebuah web. HTML ini juga menggambarkan dan mendefinisikan
    konten halaman web bersama dengan tata letak dasarnya. Teknologi lain selain
    HTML yang umumnya digunakan untuk menggambarkan penampilan atau
    presentasi halaman web semisal CSS atau JavaScript.
    Kode-kode yang ada di HTML, memastikan format teks dan gambar yang tepat
    sehingga browser internet kalian dapat menampilkannya sebagaimana yang
    dimaksudkan untuk dilihat. Tanpa HTML, browser tidak akan tahu cara
    menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya.
    HTML juga menyediakan struktur dasar halaman, di mana Cascading Style
    Sheets ditumpuk untuk mengubah tampilannya. Orang bisa menganggap HTML
    sebagai tulang (struktur) dari suatu halaman web, dan CSS sebagai kulitnya
    (penampilan).

    Komponen HTML:

    <!DOCTYPE html> …. </html>


    Bagian ini berfungsi untuk menentukan tipe dokumen apa yang akan dikerjakan.
    Identifikasi merupakan hal yang perlu dan penting untuk dilakukan agar
    web browser kita dapat mengenali codingan seperti apa yang kita tulis pada
    compiler. Jika pada awal penulisan kode tidak disertakan tag seperti gambar
    diatas, maka kode HTML dipastikan tidak akan berjalan karena compiler tidak
    bisa mendefinisikan kode apa yang ditulis.
    <head> … </head>
    Pada tag head ini, biasanya banyak elemen-elemen metadata yang
    ditempelkan di dalamnya. Medata ini yang berguna untuk menentukan
    judul dokumen, rangkaian karakter, skrip, gaya, tautan, dan informasi-
    informasi meta lainnya. Metadata pada
    HTML juga merupakan data-data yang ada dan berisikan dokumen yang saling
    berkaitan dan menunjang satu sama lainnya, tanpa ditampilkan pada halaman
    browser web sedikitpun. Hanya satu yang akan tampil pada tab browser web
    kalian, yaitu “Title”, yang mana akan kita bahas selanjutnya.

    <title> … </title>
    Tag ini berfungsi untuk menampilkan judul atau nama halaman website kalian
    pada tab browser yang digunakan. Tag title ini juga sangat diperlukan
    keberadaannya dan harus ada di semua tipe dokumen HTML/XHTML. Pada
    penerapannya, selain menjadi judul pada tab halaman sebuah browser, tag
    title ini juga berfungsi menjadi judul
    halaman ketika website page kalian ditambahkan ke dalam daftar favorit atau
    bookmarks.

    <body> … </body>
    Pada tag body ini lah semua bagian website kalian dibangun. Pada tag ini pula
    seluruh konten utama yang kalian buat akan muncul. Semua bagian akan
    terlihat dan tampil menjadi bagian per bagian yang membuat sebuah halaman
    bisa disebut sebagai website.

    <h1> … </h1>
    Tag <h1> ini berfungsi untuk memberikan judul pada halaman website kalian.
    Biasanya digunakan pada heading content pada sebuah website. Tag ini pun
    memiliki banyak turunan sebenarnya. Ada tag <h1>, <h2>, <h3>, dan seterusnya.
    Perbedaan dari setiap jenis tag H ini ada pada ukurannya. Semakin kecil nilainya,
    maka semakin besar ukuran huruf atau konten yang dihasilkan. Begitu juga
    sebaliknya. Semakin besar nilainya, maka akan semakin kecil huruf atau konten
    yang dihasilkan. Tag ini juga bisa digunakan di beberapa atribut lainnya yang ada
    di HTML. Tidak hanya digunakan sebagai heading sebuah halaman saja.
    Beberapa komponen HTML untuk membuat beberapa Tag :

    Tag untuk pemformatan teks dasar

    1. <b> untuk mendefinisikan text tebal


    2. <big> untuk mendefinisikan text yang lebih besar
    3. <em> untuk mendefinisikan text yang dimiringkan
    4. <i> untuk mendefinisikan text yang dimiringkan
    5. <small> untuk mendefinisikan text yang lebih kecil
    6. <strong> untuk mendefinisikan text tebal
    7. <sub> untuk mendefinisikan text subscripted
    8. <sup> untuk mendefinisikan text yang posisinya lebih ke atas
    9. <ins> untuk mendefinisikan text garis bawah
    10. <del> untuk mendefinisikan text yang hendak di hapus

    Tag untuk menampilkan hasil keluaran computer

    1. <code> untuk mendefinisikan text dari keyboard


    2. <samp> untuk mendefinisikan text contoh dari computer
    3. <tt> untuk mendefinisikan text model teletype
    4. <var> untuk mendefinisikan text variable
    5. <pre> untuk mendefinisikan text preformatted

    Tag untuk Ciation, Quotation, dan Definisi

    1. <abbr> untuk mendefinisikan suatu kependekan


    2. <acronym> untuk mendefinisikan suatu singkatan
    3. <address> untuk mendefinisikan suatu elemen alamat
    4. <bdo> untuk mendefinisikan suatu arah text
    5. <blockquote> untuk mendefinisikan suatu quotation panjang
    6. <q> untuk mendefinisikan suatu quotation pendek
    7. <cite> untuk mendefinisikan suatu kutipan
    8. <dfn> untuk mendefinisikan suatu istilah

    Tag untuk List

    1. <ol> mendefinisikan sebuah list ordered


    2. <ul> mendefinisikan sebuah list unordered
    3. <li> mendefinisikan sebuah item dalam list
    4. <di> mendefinisikan sebuah list definisi
    5. <dt> mendefinisikan sebuah istilah list definisi
    6. <dd> mendefinisikan sebuah keterangan list definisi
    HTML Import

    Yang perlu diperhatikan pada kode diatas adalah pengunaan attribute id="my-
    footer- link" pada baris <link id="my-footer-link" rel="import" href="my-
    footer.html"> untuk mengidentifikasi DOM.

    Custom Elements

    Spesifikasi terbaru saat ini adalah Custom Elements v1. Dimana definisi
    custom elemen berupa class yang mengekstensi elemen lain.

    HTML Template

    Blok HTML dan CSS yang berada di dalam


    tag <template></template> merupakan HTML Template yang
    kemudian akan dienkapsulasi di dalam Shadow DOM.

    Shadow DOM

    Bagian selanjutnya yang paling butuh penjelasan mungkin adalah bagian


    tentang Shadow DOM. Kuncinya ada pada kode this.attachShadow({mode:
    'open'}). this pada baris tersebut adalah node dari elemen <my-footer></my-
    footer>.

    Domain

    Domain adalah alamat situs web seperti musicstore.com, sudusoftware.com, dll.


    Domain itu bersifat unik. Artinya, tidak ada nama domain yang sama di seluruh
    dunia. Memberikan nama domain yang baik akan memudahkan pengunjung
    Anda untuk menemukan website Anda. Sebaiknya gunakan nama yang mewakili
    konten situs web Anda, seperti toko musik, lalu gunakan domain yang terkait erat
    dengan musik Anda.

    Domain website, contohnya bisa di baca di bawah ini:


    1. .co.id : Biasanya digunakan untuk badan usaha yang memiliki badan hukum
    sah.
    2. .go.id : Khusus digunakan untuk Lembaga Pemerintahan RI.
    3. .ac.id : Dipakai untuk Lembaga Pendidikan.
    4. .or.id : Dipakai untuk segala macam organisasi yang tidak termasuk
    kedalam kategori ”co.id” ,”go.id”,”mil.id”, “ac.id” dan sebagainya.
    5. .war.net.id : Dipaki untuk industri warung internet (warnet) yang ada di
    Indonesia
    6. .sch.id: Dipakai khusus untuk Lembaga Pendidikan SD, SMP dan SMU atau
    SMK
    7. .web.id: Biasanya digunakan untuk organisasi, badan usaha, ataupun
    perseorangan yang melakukan kegiatannya di WWW.

    Link

    Link atau tautan adalah kata atau kalimat yang berisikan alamat domain atau
    halaman baru dan merupakan elemen navigasi suatu website. Elemen navigasi
    adalah elemen yang memungkinkan Anda berpindah dari satu halaman ke
    halaman lain. Biasanya warna kata yang disisipi link adalah biru, dan ketika
    sudah diklik menjadi warna ungu.

    From

    Form dipakai untuk aktivitas input data dan dikirim ke dalam website. Jika Anda
    pernah mengisi formulir di dalam sebuah website, pasti tahu apa yang dimaksud.
    Form biasanya terbentuk dari elemen-elemen seperti: textfield, radio button,
    checkbox, text area, dan dropdown field.

    Action

    Action button adalah tombol yang memiliki fungsi untuk melakukan action (save,
    erase, update) pada form. Anda bisa tahu sebuah tombol adalah action button
    ketika tombol tersebut berefek sesuatu ke halaman suatu website.

    Text

    Text merupakan tulisan biasa untuk menulis judul, deskripsi konten, nama menu
    dan lain- lain.

    Menu

    Menu merupakan bagian bagian tampilan website yang berisi sejumlah tautan
    utama yang mengarah pada halaman lain.

    Logo

    Logo adalah tanda, lambang, atau simbol yang menjadi identitas sebuah
    organisasi, perusahaan, atau individu, agar mudah dikenal serta diingat.
    Biasanya logo tidak hanya
    berfungsi sebagai tanda pengenal atau identitas, melainkan juga punya
    makna atau arti tertentu dari perusahaan atau organisasi.

    Image

    Image adalah gambar yang di gunakan untuk membuat suatu desain di dalam
    web.

    Hosting

    Pada dasarnya, kita bisa membuat website tanpa menggunakan hosting. Akan
    tetapi, hal itu akan membuat website tidak bisa diakses melalui koneksi internet
    atau bersifat lokal. Hosting sendiri berfungsi untuk menempatkan berbagai data
    yang berkaitan dengan website seperti CMS, foto, artikel dan masih banyak
    lagi. Komponen website ini sangat penting karena bertujuan agar website bisa
    online sehingga bisa diakses dari jarak jauh.

    CMS atau Programming

    Dalam proses pembuatannya, website bisa dikembangkan menggunakan CMS


    (Content Management System) maupun dikembangkan manual menggunakan
    bahasa pemrograman. Akan tetapi, CMS lebih banyak diaplikasikan karena
    memang lebih mudah dan cepat.

    Theme

    Theme ini merupakan komponen website yang menjadi dasar dari tampilan
    website antarmukanya. Sebagian besar pengembang website menggunakan
    theme yang sudah jadi. Mereka tidak perlu membuatnya dari awal meskipun
    nantinya tampilannya akan mirip dengan website lainnya.

    Konten

    Setiap website pasti memiliki tujuan tersendiri, tapi pada dasarnya difungsikan
    untuk memberikan informasi kepada orang lain. Informasi itu yang diartikan
    sebagai konten, biasanya berupa artikel, gambar ataupun video. Konten
    merupakan komponen website yang sebaiknya harus ada.
    BAB III
    PENUTU
    P

    A. Kesimpulan

    TML (HyperText Markup Language) adalah bahasa pemrograman paling basic


    dari sebuah web. HTML ini juga menggambarkan dan mendefinisikan konten
    halaman web bersama dengan tata letak dasarnya. Teknologi lain selain HTML
    yang umumnya digunakan untuk menggambarkan penampilan atau presentasi
    halaman web semisal CSS atau JavaScript. HTML merupakan pondasi dasar
    dari sebuah pembuatan sebuah website. untuk mengeksekusi atau
    menjalankan file html harus menggunakan web browser

    B. Saran

    Diharapkan kepada semua pengguna computer dan alat elektronik yang


    berhubungan dengan internet terutama dengan penggunaan yang mengacu
    pada Web ataupun HTML, agar mengetahui detail atau komponen komponen
    dari HTML tersebut.

    Anda mungkin juga menyukai