Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul 1

    Diunggah oleh

    josua
    11 tayangan9 halaman
    njbjk

    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
    njbjk

    Hak Cipta:

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

    Modul 1

    Diunggah oleh

    josua
    njbjk

    Hak Cipta:

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

    MODUL I

    HTML

    I. Teori Dasar
    a. Deskripsi HTML

    Setiap dokumen HTML memiliki extensi file *.HTML atau *.HTM. Maka dari itu
    untuk setiap penyimpanan program HTML harus disimpan dengan format penamaan
    file: namafileprogram.HTML
    HTML kepanjangan dari Hyper Text Markup Language yang dapat diartikan
    sebagai Bahasa untuk menampilkan Tulisan / Text yang bersifat Hyper. HTML
    adalah sebuah format dokumen. Dokumen HTML dapat ditampilkan dimedia Internet
    menggunakan aplikasi browser. Karena bisa ditampilkan di Internet maka dokumen
    ini bersifat publik atau bisa digunakan bersama-sama dalam sekali waktu. Sifat ini
    berbeda dengan Dokumen Ms. Word yang bersifat Personal, hal ini karena fungsi
    dari dokumen Ms.Word adalah untuk dicetak dan digunakan (dibaca) oleh orang
    perorang.
    Dari pemahaman diatas dapat diketahui bahwa pemrograman HTML adalah
    bahasa pemrograman untuk membuat sebuah dokumen. Jadi pemrograman HTML
    bukanlah pemrograman logika komputer. Hal ini berarti pada HTML tidak mengenal
    perintah-perintah logika komputer seperti: pencabangan (IF .. Else),
    perulangan/looping (Do While / For Next, dll) dan bahkan juga tidak bisa
    memproses penjumlahan, pengurangan, pengalian maupun pembagian.
    Perintah-perintah pemrograman HTML adalah perintah untuk mengatur tampilan
    dan isi suatu dokumen untuk keperluan web di internet. Isi dari dokumen HTML
    antara lain:
    Text dan Paragrap
    Gambar, suara dan berbagai bentuk multimedia lainnya
    Tabel dan Frame
    Hyperlink (penghubung antar halaman web), dll
    Dokumen HTML memiliki 2 bagian yaitu bagian HEAD dan BODY. Bagian HEAD
    adalah bagian dokumen untuk menempatkan perintah-perintah yang berhubungan dengan
    informasi dokumen seperti perintah TITLE, META, dll. Sedangkan untuk bagian BODY
    adalah untuk menempatkan perintah pendefinisian dan pengaturan isi dokumen seperti:
    Text, Paragrap, Gambar, Tabel, Frame, Hyperlink, dll.PEMROGRAMAN HTML
    Latih1.html
    <HTML>
    <HEAD>
    <TITLE> Mencoba HTML </TITLE>
    </HEAD>
    <BODY>
    Hallo, Tulisan ini dibuat dengan perintah HTML

    </BODY>
    </HTML>

    b. Perintah-perintah pengaturan tampilan style tulisan pada dokumen.

    Pada perintah pemrograman HTML juga memiliki pengaturan style tulisan seperti
    menebalkan, memiringkan, memberi garis bawah, dll. Berikut ini perintah-
    perintah style tulisan pada program HTML:
    <B> Menebalkan </B>
    <I> Memiringkan </I>
    <U> Memberi garis bawah </U>
    <S> Memberi coret ditengah </S>
    <TT> Menampilkan tulisan seperti huruf mesin ketik manual </TT>
    <BIG> Membesarkan ukuran tulisan </BIG>
    <SMALL> Mengecilkan ukuran tulisan</SMALL>
    <SUP> Superscript-tampilan pangkat atas </SUP>
    <SUB> Subscript-tampilan pangkat bawah </SUB>

    Contoh penggunaan:
    2<SUB><U> a. <I>b </I></U></SUB> = X <SUP>2</SUP> . Y

    c. Perintah Pengaturan Tabel Pada Pemrograman Html

    Dalam membuat tampilan sebuah tabel pada perintah HTML memiliki 3


    komponen perintah antara lain:
    1. <TABLE> </TABLE>
    Berfungsi untuk memulai perintah mendefinisikan tampilan tabel.
    2. <TR> </TR>
    Berfungsi untuk mendefinisikan baris dalam tabel.
    3. <TD> </TD> atau <TH> </TH>
    Berfungsi untuk mendefinisikan kolom dalam baris tabel.
    Percobaan 1.

    Dari contoh diatas dapat dipahami bahwa dalam membuat sebuah tampilan tabel pada HTML
    dengan cara mendefinisikan baris tabel dengan perintah <TR> terlebih dahulu kemudian baru
    mendefinisikan cell isi dari baris tabel yang bersangkutan dengan perintah <TD> atau <TH>.

    Catatan:

    Untuk mendefinisikan tabel dengan tampilan 1 baris dan 1 kolom, ketiga komponen perintah
    HTML wajib didefinisikan.
    I. Perbedaan dari perintah <TD> dengan <TH>:
    Gunakan perintah <TH> jika akan mendefinisikan cell yang berfungsi sebagai judul kolom
    tabel (biasanya cell-cell isi baris pertama pada tabel). Kelebihannaya adalah jika isi kolom
    diapit dengan perintah <TH> </TH> maka isi kolom tersebut ditampilkan dengan huruf
    tebal dan rata tengah. Sedangkan <TD> digunakan untuk mendefinisikan isi kolom biasa
    dimana nanti akan ditampilkan dengan huruf tidak ditebalkan dan rata kiri.

    II. Atribut pada komponen-komponen perintah tabel:


    Border = Angka, Atribut pada perintah TABLE untuk mengatur ketebalan bingkai tabel.
    Semakin besar angkanya maka garis bingkai akan semakin besar pula.
    Bordercolor = warna, Atribut pada perintah TABLE untuk mengatur warna bingkai
    tabel.
    Bgcolor= warna, Atribut untuk mengatur warna latar belakang. Atribut ini bisa
    diletakkan pada ketiga komponen perintah tabel.

    <Table Bgcolor=warna> berpengaruh pada satu tabel.


    <TR Bgcolor=warna> berpengaruh pada satu baris tabel.
    <TD Bgcolor=warna> berpengaruh pada satu cell tabel saja.

    Background= filegambar, Atribut untuk mengatur warna latar belakang dengan


    tampilan gambar. Atribut ini bisa diletakkan pada ketiga komponen perintah tabel
    CellSpacing=angka, Jarak antar cell dalam tabel
    Cellspacing
    CellPadding=angka, Jarak antara isi cell dengan bingkai cell

    Width=angka atau persen, menentukan lebar tabel. Jika didefinisikan dengan angka
    berarti mendefinisikan lebar tabel dengan menggunakan satuan pixel dan jika
    menggunakan persen berarti lebar tabel adalah sebanding dengan persentase lebar windows
    browser penampil. Atribut ini juga bisa digunakan pada perintah <TD> atau <TH> untuk
    menentukan lebar kolom pada tabel. Jika atribut ini tidak didefinisikan maka lebar tabel
    mengikuti lebar cell yang bergantung pada panjangnya isi pada masing-masing cell.
    Height=angka atau persen, menentukan tinggi tabel. Pendefinisiannya sama dengan
    penggunaan atribut Width.

    III. Menggabung Cell


    Pada pemrograman HTML hanya mengenal perintah menggabung cell (merge cell) tetapi
    tidak mengenal perintah memecah cell. Perintah pendefinisiannya adalah sebagai atribut
    perintah <TD> atau <TH>.
    <TD Colspan=angka> menggabung cell beda kolom
    <TD Rowspan=angka> menggabung cell beda baris
    Percobaan II
    Percobaan III
    Tugas Praktikum :
    1. Buatlah tabel seperti model dibawah ini.

    No. Stambuk :
    Foto 3X4
    Nama :

    NO. LAPORAN JMLH NILAI TUGAS JMLH Ujian JMLH LAPORAN TUGAS Ujian TOTAL
    NO. NAMA
    STAMBUK 1 2 3 4 5 6 1 2 3 4 5 1 2 30% 30% 40%
    1 F55114001
    2 F55114002
    3 F55114003
    4 F55114004
    5 F55114005
    6 F55114006
    7 F55114007
    8 F55114008
    9 F55114009
    10 F55114010

    ** isi nama kelompok masing-masing.

    Anda mungkin juga menyukai