Scribd Logo
Unggah

Selamat datang di Scribd!

  • Artikel "HTML (Hypertext Markup Language) " Pemograman Berbasis Web

    Diunggah oleh

    Sherlina
    13 tayangan10 halaman
    html

    Judul Asli

    gg

    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

    Hak Cipta:

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

    Artikel "HTML (Hypertext Markup Language) " Pemograman Berbasis Web

    Diunggah oleh

    Sherlina
    html

    Hak Cipta:

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

    Artikel

    “HTML (HyperText Markup Language)”

    Pemograman Berbasis Web

    Disusun Oleh:
    Irfan Al Rasyid (170402036)
    Sherlina (170402048)
    Siti Nur Atika (170402055)
    Febrian (170402038)

    PROGRAM STUDI SISTEM INFORMASI


    FAKULTAS ILMU KOMPUTER
    UNIVERSITAS MUHAMMADIYAH RIAU
    2019
    A. Pengertian HTML
    HTML (HyperText Markup Language) adalah bahasa markah yang digunakan
    untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk
    menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser).
    Disebut hypertext sebab di dalamnya terdapat sebuah text biasa yang memiliki fungsi
    lain, kita bisa membuatnya menjadi link yang dapat berpindah dari satu halaman ke
    halaman lainnya dengan meng-klik text tersebut.
    Sedangkan, disebut Markup Language sebab bahasa HTML menggunakan
    tanda (mark) yang digunakan untuk menandai bagian-bagian dari text. Contohnya,
    text yang terletak di antara tanda tertentu akan menjadi tebal, dan apabila berada di
    antara tanda lainnya akan terlihat besar. Tanda tersebut di kenal dengan sebutan
    HTML tag.
    HTML merupakan sebuah bahasa yang awalnya bahasa yang sebelumnya
    banyak dipakai di dunia percetakan dan penerbirtan yang disebut sebagai SGML (
    Standard Generalized Markup Language).

    B. STRUKUTTUR DASAR HTML


    1. Tag, yaitu teks khusus (markup) berupa dua karakter "<" dan ">", contoh
    <body> adalah tag dengan nama body. Secara umum tag ditulis secara
    berpasangan, yang terdiri atas tag pembuka dan tag penutup (untuk tag
    penutup diambahkan karakter "/" setelah karakter "<"), sebagai contoh
    <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah
    tag penutup isi dokumen HTML.
    2. Element, element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag
    penutup. Contoh:

    <title> ini adalah tag pembuka judul dokumen HTML


    judul dokumen html ini adalah isi judul dokumen HTML
    </title> ini adalah tag penutup judul dokumen HTML.

    3. Attribute, Attribute mendefinisikan property dari suatu element HTML,


    yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
    <tag nama-attribute= "nilai-attribute"> Content website </tag>
    Secara umum nilai attribute harus berada dalam tanda petik satu atau dua.
    Contoh, untuk membuat warna teks menjadi kuning dan latar belakang
    halaman web menjadi hitam, penulisannya adalah:

    <body bgcolor= "black" text= "yellow">

    4. Element HTML, Menyatakan pada browser bahwa dokumen Web yang


    digunakan adalah HTML. Sintaksnya sebagai berikut:

    <html> Isi ... </html>

    5. Element HEAD, Menyatakan kepala dari sebuah dokumen HTML. Tag


    <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
    Sintaksnya sebagai berikut:

    1
    <head> Isi ... </head>

    6. Element TITLE, Merupakan judul dari dokumen HTML yang ditampilkan


    pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag
    <head> dan tag </head>. Sintaksnya sebagai berikut:

    <title> Isi/judul ... </title>

    7. Element BODY, Element ini untuk menampilkan isi dokumen HTML. Tag
    <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
    Element BODY mempunyai attribute-attribute yang menspesifikasikan
    khususnya warna dan latar belakang dokumen yang akan ditampilkan pada
    browser. Sintaksnya sebagai berikut:

    <body text= "a" bgcolor="b" background="image/" link="http://"


    alink="x" vlink="y"> Isi ...</body>

    Attribute text memberikan warna pada teks, bgcolor memberikan warna


    pada latar belakang dokumen HTML, background memberikan
    latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai
    warna untuk link, alink memberikan warna untuk link yang sedang aktif,
    vlink memberikan warna untuk link yang telah dikunjungi. Jika attribute
    bgcolor dan background keduanya dispesifikasikan maka attribute
    background yang akan digunakan, akan tetapi jika nilai attribute
    background (gambar) tidak ditemukan pada dokumen HTML maka
    attribute bgcolor yang akan digunakan. struktur dasar HTML

    C. Macam-Macam Tag HTML


    Tag Keterangan
    <!-- ... --> Digunakan untuk memberi sebuah komentar atau keterangan.
    Kalimat yang terletak pada kontiner ini tidak akan terlihat pada
    browser
    <!DOCTYPE> Mendefinisikan informasi tipe dokumen
    <a> Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan
    sebagai tautan dikarenakan tautan ini digunakan untuk saling
    menautkan antara satu dokumen HTML ke dokumen HTML yang
    lain
    <abbr> Digunakan untuk menguraikan satu ungkapan yang disingkat dan
    Anda dapat memberikan informasi bermanfaat kepada penelusur-
    penulusur page source(halaman sumber kode) / pembaca layar,
    sistem terjemahan dan mesin pencari yang berasal dari singkatan
    yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak

    2
    akan tampil dan hanya sebagai informasi saja
    <acronym> Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan
    tag <abbr>
    <address> Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
    <applet> Digunakan untuk memasukan file java kedalam dokumen HTML
    <area /> Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
    <b> Membuat teks tebal
    <base /> Mendefinisikan URL dasar/target untuk semua URL relatif dalam
    dokumen
    <basefont /> Membuat atribut teks default, seperti warna, ukuran, jenis font
    untuk semua teks dalam dokumen
    <bdo> Digunakan untuk menimpa arah teks
    <big> Memperbesar ukuran teks sebesar satu point dari defaultnya
    <blink> Membuat teks berkedip
    <blockquote> Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks
    akan tampil menjorok kedalam
    <body> Mendefinisikan body/isi dokumen HTML, berfungsi untuk
    menentukan bagaimana isi suatu dokumen ditampilkan di web
    browsernya. Isi dokumen tersebut dapat berupa teks, gambar,
    animas, link dan seterusnya
    <br /> Memberi baris baru/pindah baris
    <button> Mendefinisikan sebuah tombol diklik
    <caption> Membuat caption pada table
    <center> Untuk perataan tengah terhadap teks atau gambar
    <cite> Mendefinisikan kutipan
    <code> Mendefinisikan sebuah bagian dari kode computer
    <col /> Mendefinisikan nilai atribut dari satu kolom atau lebih dalam
    sebuah tabel
    <colgroup> Menentukan kelompok dari satu kolom atau lebih dalam sebuah
    tabel untuk performatan
    <dd> Mendefinisikan deskripsi dari item dalam daftar definisi
    <del> Untuk memberi garis tengah pada teks/mencoret teks

    3
    <dfn> Mendefinisikan sebuah istilah definisi
    <dir> Mendefinisikan sebuah daftar direktori
    <div> Mendefinisikan sebuah section dalam dokumen
    <dl> Mendefinisikan sebuah daftar definisi
    <dt> Mendefinisikan istilah (item) dalam daftar definisi
    <em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi
    tag <em> yang lebih dianjurkan/ditekankan pada penggunaan
    untuk teks miring
    <embed> Digunakan untuk memasukkan file video atau file music
    <fieldset> Untuk mengelompokkan elemen-elemen yang terkait dalam form /
    membuat seperti frame-box di dalam form
    <font> Mendefinisikan jenis font, warna dan ukuran untuk teks
    <form> Mendefinisikan sebuah form HTML untuk input form
    <frame /> Mendefinisikan frame dalam frameset
    <frameset> Mendefinisikan satu set frame
    <h1> to <h6> Digunakan untuk menunjukkan awal dari suatu header/judul dari
    dokumen HTML tersebut.
    <head> Digunakan untuk memberikan informasi tentang dokumen tersebut
    <hr /> Membuat garis horizontal
    <html> Mendefinisikan root dari suatu dokumen HTML
    <i> Membuat teks miring
    <iframe> Mendefinisikan sebuah inline frame
    <img /> Berfungsi untuk menampilkan gambar pada dokumen HTML
    <input /> Mendefinisikan input field pada form
    <ins> Membuat teks bergaris bawah
    <kbd> Mendefinisikan teks yang di input dari keyboard
    <label> Mendefinisikan label untuk sebuah elemen <input>
    <legend> Mendefinisikan sebuah caption untuk elemen <fieldset>
    <li> Digunakan untuk menampilkan informasi dalam bentuk item
    daftar

    4
    <link /> Mendefinisikan hubungan antara dokumen dan sumber
    eksternalnya
    <listing> Fungsi tag ini sama dengan tag <pre> dan dianjurkan
    menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
    <map> Mendefinisikan client-side peta gambar
    <marquee> Membuat teks berjalan secara vertikal atau horizontal
    <menu> Mendefinisikan sebuah daftar menu
    <meta /> Mendefinisikan metadata tentang sebuah dokumen HTML
    <nobr> Mencegah ganti baris pada teks atau gambar
    <noframes> Jika browser user tidak mendukung frame
    <noscript> Jika browser user tidak mendukung client-side scripts
    <object> meletakkan embed sebuah objek
    <ol> Mendefinisikan daftar dalam format penomoran
    <optgroup> Menampilkan beberapa pilihan yang sudah dikelompokkan dalam
    bentuk sebuah daftar drop-down
    <option> Menampilkan beberapa pilihan yang berbentuk dalam sebuah
    daftar drop-down
    <p> Membuat sebuah paragraph
    <param /> Mendefinisikan sebuah parameter untuk objek
    <pre> Membuat teks dengan ukuran huruf yang sama
    <q> Mendefinisikan sebuah kutipan singkat
    <s> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag
    ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai
    gantinya menggunakan tag <del>
    <samp> Mendefinisikan contoh keluaran dari program computer
    <script> Mendefinisikan client-side script
    <select> Membuat daftar drop-down
    <small> Memperkecil ukuran teks dari ukuran defaultnya
    <span> Mendefinisikan sebuah section dalam dokumen
    <strike> Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag
    ini sama dengan tag <del>

    5
    <strong> Membuat teks tebal, fungsi tag ini sama dengan tag <b>
    <style> Mendefinisikan informasi style untuk dokumen HTML
    <sub> Memberikan efek subscript pada teks
    <sup> Memberikan efek superscript pada teks
    <table> Membuat table
    <tbody> Untuk mengelompokkan isi body di dalam sebuah table
    <td> Mendefinisikan sel di dalam sebuah table
    <textarea> Mendefinisikan sebuah kontrol input multiline
    <tfoot> Untuk mengelompokkan isi footer di dalam sebuah table
    <th> Mendefinisikan sel header di dalam sebuah table
    <thead> Untuk mengelompokkan isi header di dalam sebuah table
    <title> Membuat judul untuk dokumen HTML
    <tr> Membuat baris di dalam sebuah table
    <tt> Mendefinisikan teletype text
    <u> Membuat teks bergaris bawah, fungsi tag ini sama dengan tag
    <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text
    formatting melainkan termasuk kategori HTML Style
    <ul> Mendefinisikan daftar dalam format bullet
    <var> Mendefinisikan sebuah variable
    <xmp> Mendefinisikan preformatted text, fungsi tag ini sama dengan tag
    <pre>

    D. Contoh Syntax HTML

    <html>

    <head>
    <title>cobacoba</title>
    </head>

    <body>

    <h1>MANIPULASI TULISAN</h1>

    <b> BOLD </b>

    6
    <br> <u> GARIS BAWAH </u>

    <br><s> GARIS TENGAH </s>

    <br><i> MIRING </i>

    <p align=center> TENGAH </p>

    <p align=left> KIRI </p>

    <P align=right> KANAN </P>

    <font color="red"> TEKS BERWARNA </font>

    <br> <font face="comic sans ms"> GANTI FONT </font>

    <h1>MEMBUAT TABLE</h1>

    <table border="1">
    <tr>
    <td>Cell 1 - Baris 1 Kolom 1</td>
    <td>Cell 2 - Baris 1 Kolom 2</td>
    </tr>
    <tr>
    <td>Cell 3 - Baris 2 Kolom 1</td>
    <td>Cell 4 - Baris 2 Kolom 2</td>
    </tr>
    <tr>
    <td>Cell 5 - Baris 3 Kolom 1</td>
    <td>Cell 6 - Baris 3 Kolom 2</td>
    </tr>
    </table>

    <h1>MEMBUAT LIST</h1>

    <ul>
    <li>SENIN</li>
    <li>SELASA</li>
    <li>RABU</li>
    <li>KAMIS</li>
    </ul>

    <ol>
    <li>JUMAT</li>

    7
    <li>SABTU</li>
    <li>MINGGU</li>
    </ol>

    <h1>MEMASUKAN GAMBAR ATAU VIDEO</h1>

    <img src="00.PNG" vspace="100" hspace="50" border="1" widht="500"


    height="500" align="right">

    <video controls>
    <source src="ERD.mp4" type="video/mp4">
    </video>

    </body>

    </html>

    8
    Daftar pustaka

    Engkus Kusnadi, 2013 “Pengertian Dan Fungsi Html” Mypctutorel Web


    http://mypctutorel.blogspot.com/2013/11/pengertian-dan-fungsi-html-
    hypertext.html

    Komputerdynamic, 2014 “Macam Macam Tag HTML Dan Fungsinya


    Lengkap” Komputerdynamic Web
    http://komputerdynamic.blogspot.com/2014/12/macam-macam-tag-html-dan-
    fungsinya.html

    Sumberpengertian.Co,2018 “Pengertian HTML, Fungsi Dan Contoh HTML


    Lengkap !”Sumberpengertian.Co Web
    http://www.sumberpengertian.co/pengertian-html

    Raja Putra Media, “Struktur Dasar Pemograman Website Menggunakan


    HTML”
    http://www.rajaputramedia.com/artikel/struktur-dasar-pemrograman-website-
    menggunakan-html.php

    Anda mungkin juga menyukai