Scribd Logo
Unggah

Selamat datang di Scribd!

  • A Nadia Aziz Ah Coding

    Diunggah oleh

    anadiaazizah04
    6 tayangan12 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, 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 DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan12 halaman

    A Nadia Aziz Ah Coding

    Diunggah oleh

    anadiaazizah04

    Hak Cipta:

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

    LAPORAN PRAKTIKUM KE-1

    KOMPUTER DAN PEMROGAMAN (CODING)

    Disusun Oleh :
    Nama : Anadia Azizah
    Npm : C0C023035
    Kelas : 1C D3 AKUNTANSI

    Asisten Dosen:
    Nama : M Pandu Patana

    Npm : G1A019031

    Dosen Pembimbing:

    Vika Fitranita SE. M. AK

    PROGRAM STUDI D3 AKUNTANSI


    FAKULTAS EKONOMI DAN BISNIS
    UNIVERSITAS BENGKULU
    2023
    LANDASAN TEORI
    HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk
    membuat struktur halaman website agar dapat ditampilkan pada web browser. Jadi,
    HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web
    secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.

    Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan fisikawan di
    lembaga penelitian CERN, Swiss. Berners-Lee mempunyai ide atau pemikiran mengenai
    sistem hypertext berbasis internet. Sekitar tahun 1991, Tim merilis versi HTML pertama
    yang di dalamnya terdalam sekitar 18 tag.

    Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur serta
    informasi yang disajikan hingga versi terbaru, yaitu HTML5. Setiap tahunnya, bahasa ini
    mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan sebagai web
    standard resmi di dunia pemrograman.

    Selanjutnya, HTML juga mengalami tahap perbaikan (maintain) dan dikembangkan oleh
    World Wide Web Consortium (W3C). Pada tahun 2014, merupakan waktu dimana
    HTML mengalami upgrade yang cukup signifikan dan terdapat fitur semantic untuk
    memudahkan pengembang website dalam menyusun kode dan memberitahukan makna
    dari konten tersebut, sebagai contoh <article>, <footer>, dan <header>.

    Fungsi HTML

    Setelah mengenal sejarah singkat dari bahasa markup HTML, selanjutnya kita juga harus
    mengetahui kegunaannya. Berikut ini beberapa fungsi dan tujuan dari penerapan HTML
    untuk pembuatan situs atau web app.

    Fungsi utama penggunaan HTML sendiri adalah membangun tampilan website yang telah
    menerapkan metode semantik untuk memudahkan setiap pengembang dalam proses
    development dan maintenance. Kemudian, HTML juga dapat dikolaborasikan dengan
    penggunaan bahasa CSS (Cascade Style Sheet) serta JavaScript.

    Dimana, peran dari HTML5 berfungsi untuk menyusun kerangka dan struktur halaman
    website. Kemudian, CSS membantu dalam memberikan tampilan desain meliputi warna,
    font, outline, dan lain sebagainya. Dan Tugas dari bahasa pemrograman JavaScript adalah
    memberikan sentuhan interaksi untuk memberikan pengalaman yang berbeda kepada
    user.

    Kerangka Inti dan Cara Kerja HTML

    Lantas, bagaimana cara membuat kode program HTML yang baik dan benar? Untuk
    dapat mempelajari bahasa markup ini, anda dapat belajar dari media mana saja. Anda
    dapat memanfaatkan internet untuk mencari berbagai forum atau jurnal yang membahas
    terkait tutorial HTML. Berikut ini merupakan beberapa macam kerangka inti yang
    membentuk struktur bahasa markup mulai tag, elemen, dan atribut.

    x 1 x
    Tag, merupakan perintah atau awalan instruksi yang nantinya akan dibaca pada web
    browser. Misalnya adalah penggunaan tag <strong>, yang berfungsi untuk memberikan
    ketebalan pada teks paragraf.

    Element, merupakan proses keseluruhan kode yang dimulai dari tag pembuka (< >) dan
    diakhiri dengan tag penutup (</>), sebagai contoh element <p>Ini adalah website
    saya</p>.

    Attribute, merupakan informasi atau perintah tambahan yang dimasukkan ke dalam


    sebuah elemen. Misalnya saja <img class=”gambar” src=”komputer.jpg”
    alt=”komputer1” />, sehingga atributnya adalah class, src dan alt image.

    Setelah mengetahui informasi terkait struktur awal dari HTML, selanjutnya kita akan
    mengenal kerangka intinya.

    1. <!DOCTYPE html>

    Berfungsi untuk mendeklarasikan kepada komputer bahwa anda menuliskan sebuah


    perintah di dalam kode HTML.

    2. <html></html>

    Berfungsi untuk tag yang menandakan proses mulai menuliskan kode program pada
    dokumen HTML.

    3. <head></head>

    Tag ini digunakan untuk menambahkan metadata ke dalam dokumen html yang berisi
    judul, deskripsi, library dan lain sebagainya.

    4. <body></body>

    Dan yang terakhir, tag body digunakan sebagai tempat untuk menuliskan setiap elemen
    atau lebih tepatnya disebut juga dengan konten pada HTML itu sendiri.

    Jenis – Jenis Tag HTML dan Kode Warna

    Untuk saat ini, terdapat dua jenis tag yang sering digunakan, yaitu sebagai berikut:

    1. Block Level

    Untuk elemen yang menggunakan block level menggunakan ruang (space) tersedia dan
    membuat line atau baris baru untuk mendeklarasikan elemen berikutnya. Contoh dari
    penggunaan block level adalah struktur heading dan paragraf.

    2. Inline Tags

    Inline tags berarti menggunakan ruang yang lebih sedikit dan sempit. Sehingga
    kebutuhannya lebih ke arah memformat isi konten pada block level.

    Selain itu, di dalam struktur HTML juga dapat mengolah dan memberikan beberapa
    macam warna untuk memperbaiki tampilan pada halaman situs agar lebih menarik.

    x 2 x
    Kesimpulan HTML adalah bahasa markup yang membentuk struktur halaman website
    agar dapat diproses dan dikenali oleh web browser.

    Jenis tag terbagi menjadi dua, yaitu inline tags dan block level dengan kerangka inti yang
    meliputi struktur elemen head, body, dan footer.

    Dalam penerapannya, bahasa markup ini termasuk ke dalam komponen penting penyusun
    sisi front-end atau klien untuk membuat halaman website semaksimal mungkin

    SOAL DAN PEMBAHASAN

    1. Rangkum praktikum pertemuan sebelumnya minimal 1 halaman

    .HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang
    digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
    informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang
    sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
    dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah
    standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat
    ini merupakan standar Internet yang didefinisikan dan dikendalikan
    penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-
    kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai
    dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka
    dengan menggunakan browser web seperti Mozilla Firefox, Microsoft
    InternetExplorer,Opera, Googlr Chrome, Safari dan lain-lain.

    Struktur html Dokumen HTML dapat terdiri dari teks, gambar, suara ataupun
    video. Satu hal yang membedakan dokumen HTML dengan dokumen lainnya
    adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag ini
    berfungsi untuk memformat atau menandai suatu bagian tertentu dari dokumen
    HTML dan juga menetukan struktur bagian tersebut dalam dokumen HTML

    Fungsi HTML adalah untuk mengatur tampilan halaman web. Terutama


    menyusun teks seperti paragraf dan heading, hingga menambahkan link dan
    gambar.

    Berikut adalah beberapa fungsi HTML lainnya:

     Membuat Struktur Halaman Web

    Fungsi utama HTML adalah untuk membangun struktur halaman web. Mulai dari
    membuat header, footer, navigasi, hingga kontennya. Peran HTML juga sebagai
    pondasi halaman web. Sebab, untuk menerapkan beberapa bahasa pemrograman
    maupun bahasa lainnya seperti CSS dan JavaScript, website membutuhkan

    x 3 x
    struktur yang dibangun dari HTML. Jadi, tak berlebihan juga jika HTML
    dikatakan sebagai dasar untuk memahami bahasa pemrograman.

     Menambahkan Konten Website

    Selain membuat struktur, Anda juga bisa memasukkan gambar di HTML dan
    menambah konten pada halaman web. Sebab, bahasa markup ini memungkinkan
    Anda menyisipkan ilustrasi dan video, membuat tabel HTML, dan memasukkan
    media lainnya.

    contoh html untuk memasukkan gambar Misalnya, dengan menggunakan tag <p>
    untuk menambah paragraf, tag <img> untuk memasukkan gambar.

     Mengatur Format dan Tata Letak

    Berikutnya, HTML memungkinkan Anda mengatur format dan mengatur tata


    letak konten dalam halaman web. Seperti memilih ukuran dan jenis huruf,
    menentukan warna huruf dengan berbagai kode warna HTML, serta mengatur tata
    letak konten pada website. Semisal untuk menandai kalimat cetak tebal, gunakan
    kode HTML <bold>. Sedangkan untuk memiringkan tulisan, gunakan tag
    <italic>. Dengan kode HTML yang tepat, Anda dapat membuat tampilan konten
    menarik serta mudah dibaca.

     Mengarahkan Pengguna ke Halaman Website Lain H

    TML juga berfungsi mengarahkan pengguna ke halaman atau website lain


    menggunakan link tertentu. Link ini bisa disematkan ke dalam teks tertentu, alias
    sebagai anchor text.

    Cara membuat hyperlink dengan kode HTML yaitu menggunakan tag <a>.
    Misalnya:

    <a href="https://www.niagahoster.co.id/blog/peluang-bisnis-online/">Peluang
    Bisnis Online</a>

    Dengan hyperlink, pengunjung bisa dengan mudah mendapatkan informasi yang


    saling berhubungan dengan halaman yang sedang dibaca. Anda juga bisa
    mengarahkan mereka ke landing page tertentu..

    Mengenal Komponen HTMLSecara umum komponen HTML terdiri dari Tag,


    Elemen, dan Atribut.

     Tag

    Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan dibaca
    oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana di
    dalamnya berisi nama tag. Setiap tag memiliki fungsi perintah yang berbeda-
    beda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan

    x 4 x
    lainnya. Misalnya: <bold>. Tag tersebut akan meminta browser untuk
    menampilkan teks dengan format tebal. Selain itu, tag ditulis secara berpasangan,
    yaitu tag pembuka dan tag penutup. Pada tag penutup ditambahkan garis miring
    (/) di depan nama tag. Tag HTML sendiri awalnya hanya berjumlah 18. Hingga
    saat ini sudah ada lebih dari 250 tag. Banyak juga, ya. Namun, Anda tak perlu
    menghafal semua tag yang ada. Anda hanya perlu mengingat beberapa contoh
    HTML untuk pemula berikut ini:

     <html>, untuk memulai membuat halaman HTML yang mencakup semua


    konten dan elemen.

     <head>, untuk membuat halaman HTML yang mencakup tampilan


    deskripsi di hasil pencarian Google, style konten (CSS), dan lainnya.

     <title>, untuk membuat judul website

     <body>, untuk membuat isi website

     <h1> <h2> sampai <h6> , untuk mengatur heading konten

     <p> , untuk membuat paragraf.

     Elemen

    Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag
    pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag
    pembuka, isi tag atau konten, dan tag penutup. Contohnya :

     <body>

     <h2>Judul Heading</h2>

     <p>Paragraf pertama artikel.</p>

     </body>

     </html>

    Jika diperhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag
    <body> yang berisi elemen tag heading dan elemen tag paragraf.

     Atribut

    Atribut adalah informasi atau perintah tambahan yang berada dalam elemen.
    Atribut ini berfungsi sebagai penjelas perintah tag pada elemen. Misalnya, <img
    src=”gambar.jpg” alt “Bunga Matahari.”>.

    x 5 x
    Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser
    harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”.

    Dari contoh di atas, dapat diketahui juga kalau jumlah atribut dalam sebuah tag
    bisa lebih dari satu. Meski demikian, tidak semua atribut bisa digunakan dalam
    sebuah tag. Berikut ini jenis atribut khusus beberapa tag: atribut pada html

    Selain atribut khusus, ada beberapa atribut yang digunakan untuk menentukan
    aksi pada dilakukan jika terjadi sesuatu pada elemen.

    Misalnya , (onload) saat loading selesai, (onoffline) saat tiba-tiba offline,


    (onresize) ukuran jendela. Atribut tersebut disebut dengan atribut event.

    Atribut tersebut nantinya akan diimplementasikan dengan JavaScript. Sehingga


    halaman website dapat melakukan aksi tertentu.

    Bagaimana Cara kerja HTML?

    Sederhananya, cara kerja HTML yaitu bahasa markup ini menyusun halaman
    website dengan tag-tag tertentu. Setiap tag punya fungsinya sendiri, sehingga
    Anda bisa membuat struktur dan tampilan konten yang dibutuhkan. Nantinya,
    browser akan menerjemahkan tag ini untuk ditampilkan pada website.

     cara kerja HTML

    Sumber: Pixabay

    Lebih teknisnya, seperti ini. Pertama, Anda membuat file HTML dengan aplikasi
    editor HTML. Lalu, Anda menyimpannya dengan format .html atau .htm.

    Dokumen HTML yang dibuat bisa saja lebih dari satu. Sebab dalam sebuah
    website, biasanya terdiri dari banyak halaman. Misalnya aja, halaman utama,
    kontak, blog, dan lainnya.

    2.Buatlah biodata diri minimal 10 data, minimal 5 warna, 5 jenis font, 5 ukuran
    font (ex: Sosmed, Wa,nama, prodi) *jangan masukkan data yang bersifat rahasia

    x 6 x
    3.Buatlah pola berikut: (perhatikan spasi)

    ** ** **

    *** ***

    * **** *

    x 7 x
    4.Jelaskan minimal 5 tag yang sudah dibahasa pada praktikum (ex : <H1> untuk
    buat title head!

    <html> digunakan sebagai untuk mendefinisikan seluruh dokumen HTML

    <head >Berisi informasi meta tetang dokumen,seperti judul,link ke file CSS dan
    lainnya.

    <tittle> Dipakai di dalam elemen ‘<head> untuk menetapkan judul halaman WEB
    yang akan ditampilkan pada tab browser.

    <body>Merupakan bagian utama dari halaman web, dimana berisi semua konten
    yang ingin dotampilkan kepada audiens.

    <h1> digunakan untuk judul dan sub judul

    <h6>sebagai judul terkecil

    x 8 x
    KESIMPULAN DAN SARAN

    Kesimpulan

    HTML adalah sebuah bahasa markup yang biasa digunakan untuk


    menyusun dan membuat file website. Bahkan HTML ini fleksibel sehingga anda
    bisa menyandingkan HTML dengan bahasa pemrograman lainnya seperti
    php, .net, java, asp, css, javascript dan bahasa pemrograman lainnya.

    Saran

    Saran untuk saya serta teman-teman yang lain agar Gunakan teknologi
    pendukung, seperti video tutorial, forum online, dan aplikasi pembelajaran
    interaktif, agar untuk.mempermudah dalam mengerjakan laporan yang akan
    diberikan.

    x 9 x
    DAFTAR PUSTAKA

    https://www.niagahoster.co.id/blog/html-adalah/

    x 10 x
    KEMENTERIAN PENDIDIKAN DAN
    KEBUDAYAAN
    UNIVERSITAS BENGKULU
    FAKULTAS TEKNIK
    PROGRAM STUDI INFORMATIKA

    Jl. Wr Supratman Kandang Limun, Bengkulu


    Bengkulu 38371 A Telp: (0736) 344087, 22105 -
    227

    LEMBAR ASISTENSI MKU KOMPUTER DAN PEMROGAMAN


    (CODING)

    Nama Mahasiswa : x
    NPM : x
    Dosen :
    1. x

    Asisten Dosen : 1. x

    Laporan Praktikum Catatan dan Tanda Tangan

    Laporan Praktikum ke-2

    Anda mungkin juga menyukai