Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pemrograman WEB

    Diunggah oleh

    astri
    9 tayangan5 halaman
    HTML adalah bahasa markup standar untuk membuat halaman web. Dokumen menjelaskan tujuan pembelajaran HTML untuk membuat web statis dan pengertian HTML sebagai dasar bahasa pemrograman untuk membuat halaman web. Termasuk penjelasan struktur dasar dokumen HTML, contoh tag dasar, dan langkah membuat heading dan paragraph.

    Deskripsi Asli:

    Penjelasan isi dari Mata Kuliah Pemograman WEB di Bidang Teknologi Informatika

    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
    HTML adalah bahasa markup standar untuk membuat halaman web. Dokumen menjelaskan tujuan pembelajaran HTML untuk membuat web statis dan pengertian HTML sebagai dasar bahasa pemrograman untuk membuat halaman web. Termasuk penjelasan struktur dasar dokumen HTML, contoh tag dasar, dan langkah membuat heading dan paragraph.

    Hak Cipta:

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

    Pemrograman WEB

    Diunggah oleh

    astri
    HTML adalah bahasa markup standar untuk membuat halaman web. Dokumen menjelaskan tujuan pembelajaran HTML untuk membuat web statis dan pengertian HTML sebagai dasar bahasa pemrograman untuk membuat halaman web. Termasuk penjelasan struktur dasar dokumen HTML, contoh tag dasar, dan langkah membuat heading dan paragraph.

    Hak Cipta:

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

    PEMROGRAMAN WEB I

    HTML

    Nama Kelompok:
    - Ni Putu Rita Ari Cahyani (19103121)
    - Ni Komang Rustini (19103116)
    - Ni Luh Putu Sarina Dewi (19103117)
    - Icha Silmi Insaniawantina (19103125)

    TEKNOLOGI INFORMATIKA

    STMIK STIKOM INDONESIA

    TAHUN AJARAN 2019/2020


    A.Tujuan
    Mengetahui dan memahami dasar-dasar bahasa HTML (HyperText Markup Language)
    sebagai dasar pemrograman untuk membuat web statis.

    B. Pengertian HTML
    HTML (Hyper Text Markup Language) adalah merupakan sebuah dasar ataupun pondasi
    bahasa pemrograman sebuah webpage, HTML muncul sebagai standar baru dari kemajuan
    dan berkembangnya internet, pada pertama kali muncul internet masih dalam keadaan
    berbasis text dimana tampilan sebuah halaman web hanya berisikan sebuah text yang
    monoton tanpa sebuah format dokumen secara visual, bayangkan saja sebuah dokumen
    text yang dikemas dalam bungkus format seperti tipe file .txt atau sering disebut notepad,
    tanpa paragraph, satu warna, satu ukuran huruf tanpa gambar serta tidak adanya visual
    format dokumen seperti halnya Ms. Word, hal ini akan sangat membosankan dalam
    membaca. Dan selain itu pertama kali muncul internet user mengakses masih
    menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemrograman HTML
    muncul seiring perkembangan teknologi dan informasi

    C.Dasar Teori
    HTML adalah bahasa markup standar untuk membuat halaman Web. HTML menggambarkan
    struktur
    halaman web menggunakan markup (Refsnes Data, 1999b).
    1. Penanaman Dokumen HTML
    Penanaman dokumen HTML dilakukan pada saat penyimpanan atau pengetikan nama file.
    Kita
    hanya perlu memberikan ekstensi .html. Contohnya: latihan.html.
    2. Struktur Dokumen HTML
    Terdapat 3 (tiga) buah tag utama yang membentuk struktur html yaitu HTML, HEAD dan
    BODY.
    HTML digunakan untuk menyatakan dokumen HTML. HEAD digunakan untuk memberikan
    informasi tentang dokumen HTML seperti judul dari halaman web. Lalu tag BODY
    digunakan
    untuk menyimpan informasi dan menampilkan informasi. Untuk lebih jelasnya bisa dilihat
    pada gambar 1.1.
     Elemen dan Tag pada dokumen HTML
    Terdapat dua elemen pada dokumen HTML yaitu HEAD dan BODY. Isi dari Head atau Body
    diawali dengan “<>” dan diakhiri dengan “</>”. Contohnya <Head> ... </Head>, <Body> ...
    </Body>.
    Selain itu terdapat pula tag HTML dasar
    Deskripsi dari masing-masing tag HTML
    Tag Deskripsi
    finisikan dokumen HTML
    <head> Mendefinisikan bagian head
    <body> Mendefinisikan bagian body
    6> Mendefinisikan header 1 sampai header 6
    Bagian HEAD
    Bagian BODY
    <p> Mendefinisikan paragraf
    <br> Menambah line break
    <hr> Membuat garis horizontal
    <!--> Menambahkan komentar

    - Heading
    Heading digunakan untuk memberikan penjudulan. Heading 1 ukuran textnya terbesar, heading
    2 lebih kecil dari heading 1 dan seterusnya. Contoh penulisan : <h1> ... </h1>.

    - Paragraph
    Tag paragraph digunakan untuk membuat suatu paragraf. Contoh penulisan : <p> ... </p>.

    - Link
    Penulisan link atau anchor dengan tag <a> ... </a> serta atribut href agar link dapat menyimpan
    alamat web ketika diklik. Contoh penulisan : <a href=’web yang dituju’></a>.

    - List
    Dalam dokumen HTML suatu daftar atau list merupakan suatu kumpulan item yang daftar
    itemnya dapat ditulis secara berurutan atau tidak. Jenis-jenis list:
    a. Ordered List
    Penulisan Ordered List menggunakan tag <ol> ... </ol> dan untuk listnya menggunakan tag
    <li> ... </li>.
    b. Unordered List
    Penulisan Ordered List menggunakan tag <ul> ... </ul> dan untuk listnya menggunakan tag
    <li> ... </li>.

    - Image
    Untuk pengisian gambar menggunkan tag <img> dan untuk menentukan file yang akan dipilih
    menggunakan atribut src. Contoh penulisan : <img src =’nama gambar.jpg’>.

    - Form
    Sebuah form memiliki beberapa kontrol dari label, text input, combo box, button, dll. Contoh
    penulisan form : <form> ... </form>.

    - Tabel
    Untuk menampilkan data dengan tipe tabel menggunakan tag <table> ... </table>. Lalu untuk
    menampilkan baris tabel menggunakan tag <tr> ... </tr>. Dan untuk menentukan banyaknya
    kolom menggunakan tag <td> ... </td>.

    - Div
    Div atau division digunakan untuk pengelompokan. Contoh penulisannya bisa dilihat pada
    gambar 1.2.

    Gambar 1.2 Contoh Penulisan <div>

    D. Membuat Heading dan Paragraph


    Langkah-langkah:
    a. Membuat suatu folder yang bernama “1” pada directory C > xampp > htdocs > Modul.
    b. Buka salah satu web editor.
    c. Membuat file baru dengan membuka menu file > new.
    d. Tuliskan code seperti gambar 1.3. Lalu simpan code tersebut pada directory C > xampp
    > htdocs> Modul > 1 dengan membuka menu file > save as. Berikan nama
    “kegiatanpraktikum1.html”atau dengan mengganti Save as type menjadi “HTML”.

    Gambar 1.3 Code Membuat Heading dan Paragraf


    Penjelasan:
    - Code pada tag head merupakan code untuk proses memberikan pemberitahuan terhadap
    browser dan search engine untuk melakukan pengkodean karakter sesuai ketentuan UTF-8
    (David, 2015), selain itu tag title merupakan judul dari halaman web tersebut.
    - Code pada tag body merupakan code dari contoh heading, paragraf dan pemberian copyright
    penulis agar tidak terdapat tidakan plagiarisme.

    e. Kemudian buka aplikasi xampp dan jalankan Apache dan MySQL dengan menekan
    tombol Start.

    Gambar 1.4 Menjalankan Apache dan Mysql

    f. Lalu jalankan program yang sudah kalian buat dengan membuka browser dan
    mengetikkan
    http://localhost/Modul/1/kegiatanpraktikum1.html .

    Maka terlihat tampilan seperti gambar 1.5.

    Gambar 1.5 Output Program Membuat Heading dan Paragraf

    Anda mungkin juga menyukai