Scribd Logo
Unggah

Selamat datang di Scribd!

  • Graf Kom

    Diunggah oleh

    Ilham Kurniawan
    10 tayangan6 halaman
    Yayaya

    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
    Yayaya

    Hak Cipta:

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

    Graf Kom

    Diunggah oleh

    Ilham Kurniawan
    Yayaya

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    KOMPUTER GRAFIK Praktikum Ke-1


    (Individu)

    MENGENAL HTML

    TANGGAL PRAKTIKUM : 7 SEPTEMBER 2017

    Disusun Oleh

    NAMA : MONICHA SHERLY M


    NIM : 16/400003/TK/45017
    KELAS :A

    JURUSAN TEKNIK GEODESI


    FAKULTAS TEKNIK
    UNIVERSITAS GADJAH MADA
    YOGYAKARTA
    2014
    I. TUJUAN
    Mengetahui dan memahami dasar-dasar bahasa HTML (HyperText Markup
    Language) sebagai dasar pemrograman untuk membuat web.

    II. DASAR TEORI


    Pada zaman sekarang, teknologi berkembang dengan sangat pesat. Semua
    informasi sekarang mudah didapatkan melalui internet. Hampir semua kegiatan
    yang dilakukan masyarakat sudah banyak bersinggungan dengan internet, mulai
    dari tulis-menulis atau biasa disebut dengan istilah blogging, pemasaran, sampai
    dengan industri besar.
    Untuk menarik perhatian para pembaca website atau blog demi keuntungan
    materiil maupun immateriil, para pemilik web pastinya akan mempercantik
    tampilan yang ada pada webnya. Web designer pastinya akan menggunakan
    bahasa pemrograman untuk membuat tampilan yang lebih bagus. Bahasa
    pemrograman yang biasa digunakan adalah Hyper Text Markup Language atau
    biasa disingkat menjadi HTML.
    Hypertext mengacu pada cara di mana halaman web (dokumen HTML)
    dihubungkan. Jadi, link yang tersedia pada halaman web disebut Hypertext.
    Seperti namanya, HTML adalah bahasa Markup yang berarti kamu menggunakan
    HTML hanya untuk mark-up dokumen teks dengan tag yang akan
    memberitahukan browser struktur untuk menampilkan sebuah desain layout web.
    HTML biasanya terdiri dari beberapa bagian :
    1. Tag
    Adalah teks khusus (markup) yang berupa suatu pasangan yang terdiri 2
    bagian yang disebut dengan tag awal dan tag akhir. Tag awal dinyatakan
    dalam bentuk <nama tag> dan tag akhir ddinyatakan dalam bentuk </nama
    tag> sebagai penutup isi dokumen html.

    2. Element
    Adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.
    Elemen tidak hanya berisi text, namun juga bisa tag lain.

    3. Atribut
    Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi
    ini bisa berupa instruksi untuk warna dari text, besar huruf dari text. Setiap
    atribut memiliki pasangan nama dan nilai (value), dan ditulis
    dengan name=value. Value diapit tanda kutip, boleh tanda kutip satu ()
    atau dua ().

    III. LANGKAH KERJA


    1. Membuka aplikasi yang dapat digunakan untuk menulis script, seperti Notepad,
    Notepad++, Adobe Dreamweaver

    2. Mendefinisikan bentuk dokumen yang akan dituliskan, yaitu HTML dengan cara
    menuliskan <html> pada script

    3. Menuliskan judul dibawah <html> dengan format :


    <head>
    <title> Geodesy Fragment </title>
    </head>

    4. Memulai menuliskan tubuh script dengan format :


    <body background="6.jpg">
    <center><h1><font color="#e6004c" face="calibri" size="25">
    Ilham Kurniawan
    </font></h1></center>
    <center><h2><font color="#e6004c" face="calibri" size="20">
    Teknik Geodesi 2016
    </font></h2></center>
    <center><h3><font color="black" face="algerian" size="25">
    Grafika Komputer
    </font></h3></center>
    </body>

    5. Menulis isi dari web dengan format :


    <p align ="justify">
    <b>Grafika Komputer </b> (bahasa inggris:
    <i>Computers Graphics)</i>
    adalah bagian dari ilmu komputer yang berkaitan
    dengan pembuatan dan manipulasi gambar (visual)
    secara digital. Bentuk sederhana dari grafika komputer adalah
    <u>grafika komputer 2D yang kemudian berkembang menjadi grafika
    komputer 3D</u>
    , pemrosesan citra (image proccessing), dan pengenalan
    pola, (pattern recognition). Grafika komputer sering dikenal juga dengan
    istilah visualisasi data.
    <br><br>
    <center> Wikipedia.org X<sub>2</sub></center>
    </p>
    6. Menulis tulisan dengan mode subscript dengan format :
    Wikipedia.org X<sub>2</sub>

    7. Menulis ordered list dan unordered list dengan format :


    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>

    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>

    8. Menyisipkan gambar dengan format :


    <img src="8.gif" width="300" height="400" align="middle">

    9. Membuat tabel dengan format :


    <table border="1">
    <tr>
    <td>
    no
    </td>
    <td>
    minggu
    </td>
    <td>
    keterangan
    </td>
    </tr>

    IV. HASIL DAN PEMBAHASAN


    Untuk memulai suatu dokumen HTML, perlu didefinisikan terlebih dahulu
    formatnya dengan menggunakan <html>. <head>...</head> merupakan format
    penulisan dari header yang berfungsi sbagai tanda pengenal pada halaman yang
    akan ada buat. Di dalam header biasanya terdapat judul dokumen, didefinisikan
    dengan <title>..</title>.

    Pada bagian tubuh dokumen, biasa diawali dengan <body> dan diakhiri dengan
    </body>. Diantara kedua tag tersebut kita dapat mengisi apapun yang kita
    inginkan menggunakan tag- tag pada html, seperti

    Tag Kegunaan
    h1, h2,... h6 Pembuka dokumen, bisa judul sampai dengan sub judul.
    Semakin besar angkanya, semakin kecil ukuran font nya
    font Melakukan editing pada karakter, seperti size, face, color
    p Memulai suatu paragraf
    br Mengganti baris satu baris dibawahnya
    sub Membuat karakter menjadi subscript
    img Untuk menyisipkan gambar
    table Untuk menyisipkan tabel
    ol Membuat ordered list
    ul Membuat unordered list

    Adapun attribute yang mengikuti tag-tag diatas, seperti ;

    Attribute Kegunaan
    bgcolor Mengubah background menjadi satu warna
    background Menyisipkan sebuah gambar sebagai background
    color Mengganti warna teks
    face Mengganti jenis font
    size Mengganti ukuran font
    align.. Mengatur indentansi paragraph
    (left,center,
    right, or
    justify)
    td Menentukan kolom pada tabel
    tr Menentukan baris pada tabel
    src Membantu menyisipkan gambar dari sumber eksternal dalam
    satu direktori yang sama dengan dokumen HTML

    V. KESIMPULAN
    Bahasa Markah HTML mempunyai banyak sekali tag, attribute, dan element yang
    membantu dalam memudahkan seorang programmer dalam mendesain sebuah
    web. Tag-tag tersebut memiliki kegunaan yang berbeda-beda dan diikuti dengan
    beberapa atribute yang memiliki kegunaan yang berbeda juga sehingga diperlukan
    banyak latihan agar dapat menguasai bahasa HTML.

    VI. DAFTAR PUSTAKA


    http://confusemind-mindset.blogspot.co.id/2012/02/apa-itu.html
    http://www.pindexain.com/apa-itu-html/

    Anda mungkin juga menyukai