Scribd Logo
Upload

Welcome to Scribd!

  • Apa Itu HTML

    Uploaded by

    budy.satriyo
    238 views4 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    238 views4 pages

    Apa Itu HTML

    Uploaded by

    budy.satriyo

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Apa itu HTML

    Sebelum kita mengenal apa itu HTML ada baiknya kita mengetahui dulu apa itu HTTP
    (hypertext transer protokol). HTTP merupakan protokol yang digunakan untuk
    mentransfer data atau dokumen antara web server ke web browser (Netscape, Internet
    Explorer dll).
    Dan protokol ini sewaktu melakukan transfer, dokumen atau data webnya dengan
    menggunakan format HTML. HTML sendiri adalah singkatan dari "hypertext markup
    language". Disebut dengan markup language karena HTML berfungsi untuk
    memperindah file tulisan (text) biasa untuk dapat dilihat pada web browser-web browser
    yang ada.

    Struktur Dokumen HTML

    Setiap dokumen HTML harus diawali dengan tag <HTML>. Tag ini digunakan oleh
    webserver dan web browser untuk berkomunikasi. Tag ini akan memberitahukan web
    browser bahwa yang dikirim adalah dokemen HTML. Tag ini harus berda di baris
    pertama pada dokumen HTML.
    Tag <HTML> mempunyai tag penutup, tag ini digunakan untuk memberitahu browser
    akhir dari dokumen HTML. Tag penutup untuk tag <HTML> adalah </HTML>. Tag
    penutup ini harus berada di baris terkahir pada dukemen HTML.

    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>

    Membuat Halaman Web

    Mari kita mulai untuk membuat sebuah halaman web untuk yang pertama kalinya. Untuk
    membuatnya benar-benar sangat gampang, untuk itu kita akan menghilangkan beberapa
    hal teknis yang tidak perlu diketahui pada saat ini.
    Yang kita butuhkan adalah sebuah program text editor yang sederhana seperti NotePad
    atau WordPad. Ikutilah langkah-langkah berikut :
    Tulishlah kode-kode berikut :
    <HTML>
    <HEAD>
    <TITLE>Halaman Web Saya </TITLE>
    </HEAD>
    </HTML>
    Simpanlah file tersebut dengan nama “belajar.html”
    Buka file tersebut dengan menggunakan internet explorer
    Tag-Tag HTML

    <FONT> tag ini menerangkan bahwa sebuah tulisan mempunyai beberapa pelengkap.
    Pelengkapnya adalah: Ukuran (SIZE), FACE, dan Warna (COLOR)
    - Ukuran (SIZE): Menerangkan ukuran dari tulisan antara angka 1-7, tergantung kepada
    angka 1 adalah yang terkecil dan angka 7 adalah yang terbesar.
    - FACE: Menerangkan huruf aktual yang Anda mau tampilkan jika huruf ini terinstal
    pada komputer pengguna. Anda diperbolehkan mempunyai 3 pilihan huruf, dengan
    dibatasi oleh koma. Semua batasan (spaces) pada nama huruf harus diganti dengan "garis
    bawah" ( _ ). Huruf yang Anda pilih harus ada pada komputer si pengunjung. Jika tidak,
    maka komputer akan lanjut ke pilihan huruf yang kedua (jika ada). Jika tidak ada huruf
    yang ditemukan, maka huruf yang menjadi default yang akan ditampilkan oleh komputer.
    Untuk menjamin gabungan tulisan itu agar terlihat adalah merubahnya menjadi grafik. Ini
    adalah huruf-huruf yang populer <FONT FACE="Helvetica, Times New Roman, Arial>
    - COLOR: Menerangkan warna dari huruf dengan namanya atau dengan angka
    RGB/HEX.
    Contoh:
    <FONT SIZE="4" FACE="Arial" COLOR="Red"> Tulisan ini akan berbeda dengan
    yang lain. </FONT>

    Huruf Tebal/Miring dan Garis Bawah

    Untuk memformat teks, gunakanlah tag <b></b> untuk mencetak tebal, tag <u></u>
    untuk cetak miring dan <u></u> untuk membuat teks bergaris bawah. Berikut ini adalah
    contoh penggunaan tag-tag tersebut.

    <b>This is bold</b>
    <u>This is underlined</u>
    <i>This is italic</i>

    Huruf Dasar (Base Font)


    Tag ini ditempatkan disebelah kanan bawah dari BODY tag Anda dan tag ini
    menerangkan "default text" yang akan digunakan pada seluruh bagian dari halaman
    tersebut. Perlengkapan yang jadi satu bagian dari FONT tag dapat diterima. FONT tag
    tersebut akan me-overwrite setting dari BASEFONT.
    Contoh: <BASEFONT SIZE=2 FACE="Arial, Helvetica" COLOR="red">

    Perintah Header

    Perintah Header digunakan untuk menampilkan Judul Bab atau Subbab darl isi dokumen.
    Ukuran header biasanya lebih besar darl ukuran isi body dokumen. Namun, disediakan
    juga ukuran
    kecil. HTML menyediakan hingga 6 (enam) ukuran header, mulai dari <HI>, <H2>,
    hingga <H6>.
    Contoh :
    <H1> Heading 1 </H1>
    <H2> Heading 2 </H2>
    <H3> Heading 3 </H3>

    Perintah Ganti Paragraf

    Seperti dikemukakan di awal, bahwa dokumen HTML akan secara otomatis pindah baris
    bila pada baris tersebut tidak mencukupi lagi. Bila suatu dokumen akan dibuat dalam
    paragraf atau alinea yang berbeda, maka diperlukan perintah pindah atau ganti paragrap,
    yaitu <P> (yang berarti paragraf) yang dituliskan pada akhir paragraf lama atau pada
    awal pragraf. Perintah <P> ini boleh tidak menggunakan tutup tag </P> seperti lazimnya.

    Perintah Ganti Baris

    Adakalanya sebuah dokumen akan pindah ke baris berikutnya, tetapi masih dalam satu
    paragraf atau alinea, maka perintah yang digunakan adalah <BR> yang berarti break.
    Perintah ini diberikan sesudah teks terakhir atau awal teks berikutnya.

    Membuat Link (HREF)

    Kebanyakan anchor ditulis dalam bentuk <A HREF="URL">, dimana HREF berarti
    "Hypertext Reference", dan URL adalah "The Uniform Resource Locator" yang Anda
    tuju (link). Sebagai contoh, alamat Web Server Unila adalah: http://www.unila.ac.id/.
    Sebuah kalimat yang berisi sebuah link ke alamat tersebut akan terlihat seperti ini:
    <a href="http://www.unila.ac.id">Link1</a>

    Membuat Garis Horizontal


    Untuk mambuat garis horisontal anda dapat enggunakan tag <HR>, Tag ini adalah sangat
    aman karena dapat di set ukurannya sesuai dengan resolusi dari layar. Garis di bawah ini
    tidak akan menyebabkan persoalan pada semua resolusi layar monitor. Tempatkan tag ini
    di bagian BODY manapun pada dokumen HTML anda. Penggunaan tag ini tidak
    memerlukan tag penutup.

    Tag Comment

    Tag komentar adalah tag yang digunakan untuk memberi catatan dalam halaman HTML.
    Dengan menggunakan Tag ini maka semua teks yang ada didalam tag ini tidak akan
    dimunculkan di browser. Komentar pada HTML dapat dibuat dengan menggunakan tag
    pembuka <!-- dan tag penutup -->. Berikut ini contoh penggunaan tag Comment
    <HTML>
    <HEAD>
    <TITLE>Selamat Datang Di Web Saya
    </TITLE>
    </HEAD>
    <BODY>
    <!—ini adalah awal dari Body halaman HTML
    isi dokumen akan dimulai dari bagian ini-->
    <!—Contoh penggunaan Heading1-->
    <H1>Sedang Belajar HTML.</H1>
    <!—akhit dari Heading-->
    </BODY>
    </HTML>

    Bullet dan List

    Ada beberapa metode untuk menampilkan daftar dalam HTML, diantaranya adalah bullet
    dan list. Berikut ini akan dijelaskan cara menggunakan bullet dan list. Untuk
    menampilkan daftar dengan format bullet maka gunakan tag pembuka <Ul>, untuk
    masing-masing daftar gunakan tag <LI> tanpa menggunakan tag penutup <LI>, gunakan
    tag </UL> untuk mengakhiri daftar.
    <UL>
    <LI>HTML
    <LI>Dreamwever
    <LI>penggunaan JavaScript
    <LI>Uploading/hosting
    </UL>

    Untuk membuat daftar dengan format penomoran maka gantilah penggunaan tag <UL>
    dan </UL> dengan tag <OL> dan /OL>
    <OL>
    <LI>HTML
    <LI>Dreamweaver
    <LI>Penggunaan Javascript
    <LI>Uploading/Hosting
    </OL>

    You might also like