Scribd Logo
Unggah

Selamat datang di Scribd!

  • DASAR HTML

    Diunggah oleh

    Amalia
    10 tayangan18 halaman
    Laporan praktikum ini membahas percobaan-percobaan dasar HTML untuk membuat halaman web sederhana. Terdiri dari 12 percobaan yang mempelajari tag-tag dasar seperti paragraf, judul, garis horizontal, format teks, dan membuat biodata.

    Deskripsi Asli:

    Judul Asli

    Praktikum 1

    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
    Laporan praktikum ini membahas percobaan-percobaan dasar HTML untuk membuat halaman web sederhana. Terdiri dari 12 percobaan yang mempelajari tag-tag dasar seperti paragraf, judul, garis horizontal, format teks, dan membuat biodata.

    Hak Cipta:

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

    DASAR HTML

    Diunggah oleh

    Amalia
    Laporan praktikum ini membahas percobaan-percobaan dasar HTML untuk membuat halaman web sederhana. Terdiri dari 12 percobaan yang mempelajari tag-tag dasar seperti paragraf, judul, garis horizontal, format teks, dan membuat biodata.

    Hak Cipta:

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

    LAPORAN

    PRAKTIKUM DESAIN WEB

    DISUSUN OLEH
    NAMA : AKMAL SUTANSYAH
    NIM : 2021573010002
    KELAS : TI 1B

    TEKNOLOGI INFORMASI DAN KOMPUTER


    TEKNIK INFORMATIKA
    POLITEKNIK NEGERI LHOKSEUMAWE
    2021/2022
    LEMBAR PENGESAHAN

    Nomor praktikum :01/PDW/TI/1.B/2022

    Judul Praktikum : Dasar-dasar HTML

    Nama : Akmal Sutansyah

    Jurusan : Teknologi Informasi dan Komputer

    Program Studi : Teknik Informatika

    Tanggal Praktikum : 22 Februari 2022

    Tanggal Penyerahan : 1 Maret 2022


    TUJUAN
    1. Mempelajari dan mempraktekan dasar-dasar bahasa HTML
    2. Dapat membuat halaman web sederhana

    DASAR TEORI
    HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag
    yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web
    browser. Tag-tag ini memberitahu browser bagaimana menampilkan halaman web dengan
    lengkap kepada pengguna. HTML atau HyperText Markup Language merupakan protokol 
    yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser
    (Microsoft Edge,Chrome, Dan Mozila firefox).

    Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x>. Sebuah halaman
    website akan diapit oleh tag <html>…</html>. File-file HTML selalu berakhiran dengan
    ekstensi *.html maka file tersebut berformat HTML.
    PERCOBAAN

    I. Percobaan 1 “Sintaks Dasar dari Bahasa HTML”

    a. Coding

    b. Hasil
    c. Analisa
     <html>….</html> adalah tag yang digunakan untuk menyatakan pada
    browser bahwa dokumen Web yang digunakan adalah HTML.
     <head> adalah wadah untuk metadata pada HTML dan ditempatkan di
    antara tag <html> dan tag <body>.
     <Title>  adalah judul dari sebuah halaman atau website.
     </body> adalah tag yang digunakan untuk menampilkan isi dokumen
    HTML.

    II. Percobaan 2 “ Paragraf HTML ”


    a. Coding
    b. Hasil

    c. Analisa
    a. </p> adalah tag yang digunakan untuk membuat paragraf dalam
    sebuah halaman web.

    III. Percobaan 3 “ Line Break ”

    a. Coding

    b. Hasil
    c. Analisa
    b. <br> adalah tag yang digunakan untuk mengganti baris baru. Misalnya
    didalam tombol keyboard adalah enter.

    IV. Percobaan 4 “ Heading ”

    a. Coding

    b. Hasil
    c. Analisa
    c. <h1> …</h1> sampai <h6>…</h6> adalah tag heading yang
    digunakan untuk membuat judul dalam sebuah halaman web.

    V. Percobaan 5 “Horizontal Rules”

    a. Coding
    b. Hasil

    c. Analisa
    d. <hr> adalah tag yang digunakan sebagai pemisah antar satu paragraf
    dengan paragraf yang lain dengan pemisah berupa garis panjang
    horizontal.

    VI. Percobaan 6 “Komentar Dalam HTML”

    a. Coding
    b. Hasil

    c. Analisa
    e. <!--….--> adalah tag yang digunakan untuk membuat komentar. Jadi
    setiap kalimat atau kata yang diberikan tanda komentar maka kalimat
    terus tidak akan ditampilkan dalam halaman web.

    VII. Percobaan 7 “Mewarnai Background Halaman Web”

    a. Coding

    b. Hasil
    c. Analisa
    f. Pada bagian ini menggunakan atribut bgcolor di dalam tag <body>
    yang berfungsi memberikan warna pada latar belakang web. Warna
    yang diberikan sesuai dengan format yang kita buat.

    VIII. Percobaan 8 “Latar Belakang Web berisi Gambar”

    a. Coding
    b. Hasil

    c. Analisa
     Pada percobaan ini menggunakan atribut background didalam tag <body>.
    Tetapi jika kita ingin menggunakan gambar untuk latar belakang web, kita
    harus mengetahui dimana letak gambar tersebut. Agar lebih mudah
    diletakkan didalam satu file.

    IX. Percobaan 9 “Format Teks”


    a. Coding

    b. Hasil

    c. Analisa
     <br>….</br> adalah tag yang digunakan untuk membuat huruf menjadi
    bercetak tebal.
     <strong> ….</strong> adalah tag yang digunakan untuk membuat teks
    penting.
     <big>….</big> adalah tag yang digunakan untuk membuat huruf menjadi
    diperbesar.
     <em>….</em> adalah tag yang digunakan untuk membuat penekanan
    terhadap teks.
     <i>….</i> adalah tag yang digunakan agar kalimat dalam teks menjadi
    miring.
     <small>….</small> adalah tag yang digunakan untuk membuat teks
    menjadi diperkecil.
     <sub>….</sub> adalah tag yang digunakan untuk membuat teks subskrip
    (seperti dalam penulisan zat kimia).
     <sup>….</sup> adalah tag yang digunakan untuk membuat teks
    superscripted (seperti dalam penulisan akar kuadrat).

    X. Percobaan 10 “Format teks yang ditampilkan apa adanya”

    a. Coding
    b. Hasil

    c. Analisa
     <pre>…</pre> adalah tag yang digunakan untuk menampilkan teks yang
    tidak ada format atau seperti tulisan bahasa pemrograman computer.

    XI. Percobaan 11 “ Tanda Kutip ”

    a. Coding

    b. Hasil
    c. Analisa
     <blockqoute>…</blockqoute> adalah tag yang digunakan untuk kutipan
    panjang sehingga akan memisahkan diri dari teks yang ada menjadi teks
    yang baru.
     <q>…</q> adalah tag yang digunakan untuk kutipan pendek dengan tanda
    adanya tanda kutip dan kutipan pendek tadi akan menyatu dengan teks.

    XII. Percobaan 12 “Biodata diri”

    a. Coding

    b. Hasil
    c. Analisa

     <html>….</html> adalah tag yang digunakan untuk menyatakan pada


    browser bahwa dokumen Web yang digunakan adalah HTML.
     <head>….</head> adalah tag yang digunakan untuk berisi informasi
    tentang dokumen.
     <title>….</title> adalah tag yang digunakan untuk judul dari homepage
    tersebut.
     <body>….</body> adalah tag yang digunakan untuk menampilkan isi
    dokumen HTML. Pada tugas ini tag <body> disertai dengan atribut
    background yang akan menampilkan gambar yang menjadi latar belakang
    dari web tersebut. Gambar yang akan dijadikan latar belakang berada satu
    file dengan dokumen homepage.html
     <h3>….</h3> adalah tag yang digunakan untuk judul dari halaman web
    yang akan dibuat.
     <center>….</center> adalah tag yang digunakan untuk membuat judul
    dari halaman web tadi berada di tengah.
     <ol>….</ol> adalah tag yang digunakan mengurutkan suatu list dengan
    urutan angka.
     Font color adalah tag yang digunakan agar teks berwarna hitam.
     <li>….</li> adalah tag yang digunakan untuk menambahkan isi dari tag
     <ol type=”A”>….</ol> adalah tag yang digunakan untuk mengurutkan list
    dengan abjad yang dimulai dengan “A”.

    KESIMPULAN

    HTML (HyperText Markup Link) digunakan untuk membuat sebuah dokumen yang dapat di
    akses melalui web. Di dalam HTML terdapat banyak tag – tag yang harus diketahui agar
    menjadi sebuah web. Struktur HTML terdiri dari 3 bagian HTML, HEAD, BODY.

    Anda mungkin juga menyukai