Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML Dasar

    Diunggah oleh

    Cimot Creative
    6 tayangan9 halaman
    Base of Hypertext Markup Language

    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
    Base of Hypertext Markup Language

    Hak Cipta:

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

    HTML Dasar

    Diunggah oleh

    Cimot Creative
    Base of Hypertext Markup Language

    Hak Cipta:

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

    HTML DASAR

    Apa Itu HTML?

    HTML (HyperText Markup Languange) adalah sebuah bahasa markah yang

    digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di

    dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis

    dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

    Dengan kata lain sistem pembacaannya bahasa ini adalah melalui sebuah penandaan/tag.

    Mungkin Belum Tahu Juga :

     Bahasa markah ( markup language ): sistem modern untuk menganotasi/menandai

    dokumen dengan cara yang secara sintaksis dibedakan dari teks.

     Format ASCII : (American Standard Code for Information Interchange) atau Kode

    Standar Amerika untuk Pertukaran Informasi merupakan suatu standar

    internasional dalam kode huruf dan simbol seperti Hex dan Unicode tetapi ASCII

    lebih bersifat universal, contohnya 124 adalah untuk karakter "|". Ia selalu

    digunakan oleh komputer dan alat komunikasi lain untuk menunjukkan teks.

    Bagian 1 : Cara Memahami Bahasa HTML

    HTML itu Manusia? apa iya? dari pertanyaan tersebut saya hanya ingin rekan-

    rekan berpikir seperti saya dalam memahami bahasa HTML. Dulu, saya merasa bahasa

    HTML itu bahasa yang membingungkan, iya kan? ternyata setelah saya mengetahui

    kuncinya, oops sebelumnya belum ngeh soalnya. Hehe. Saya pun jadi paham struktur

    dasar dari bahasa HTML. Ternyata, jika saya gambarkan struktur dasar HTML tersebut
    sama dengan struktur manusia maka saya akan mudah memahami struktur dasar HTML

    yang sebelumnya bikin saya penasaran.

    Dari materi saya ini saya hanya menggambarkan sebisa saya apa yang saya tahu

    tentang bahasa HTML. Karena keterbatasan saya dalam mengungkapkan isi pikiran saya

    maka saya gambarkan secara sederhana mengapa struktur bahasa HTML seperti struktur

    tubuh manusia.

    Gambar.1 HTML sama dengan Manusia

    Dari gambar diatas, jika kita lihat jika HTML sama dengan Manusia maka apa sih

    yang membuat saya berpikir bahwa HTML itu manusia? Yup, struktur tubuh manusia

    dibagi menjadi 3 bagian atas, tengah dan bawah. Diatas terdapat kepala, ditengah terdapat

    dada, perut, tangan, dan dibawah terdapat kaki. Jika kita lihat pada struktur bahasa HTML

    maka susunannya dibagi menjadi 2 yaitu kepala dan badan.


    HTML sama dengan Manusia (HTML = Manusia) [+] dibuat dengan tag html [+]

    penulisannya <html></html> [+] sehingga isi dari kepala bisa di isikan diantara <html>

    dan </html> [+] Isi bisa berupa tag <head>, <body> dan sebagainya.

    1. Kepala Pada Bahasa HTML Sama Dengan Kepala Manusia :

    a. Dibuat dengan tag head

    b. Penulisannya <head></head>

    c. Sehingga isi dari kepala bisa di isikan diantara <head> dan </head>

    d. Isi bisa berupa nama web yang kita buat, script, style dan sebagainya.

    2. Badan pada bahasa HTML sama dengan dada, perut, tangan plus kaki :

    a. Dibuat dengan tag <body></body>

    b. Sehingga isi dari badan bisa di isikan diantara <body> dan </body>

    c. Isi bisa berupa teks, gambar, link, tabel, diagram dan sebagainya.

    Format File HTML

    Gambar.2 Format File HTML


    Berbicara soal format file, perlu kita ketahui format file/ekstensi file HTML

    adalah .html atau .htm saja. Apa maksudnya? Jika anda cermati, setiap file di

    komputer/perangkat digital anda mempunyai ekstensi masing-masing. Misalnya, file

    musik mp3, dibelakang nama filenya ada tambahan .mp3. Nah, tambahan itulah yang

    disebut ekstensi dan ekstensi itulah format dari suatu file.

    Penggunaan Tag Pada Skrip HTML

    Seperti sudah kita bahas sebelumnya, bahasa HTML adalah bahasa markup,

    ingatkan? Ya, markup atau mudahnya kita sebut penandaan. Dan Tag yang saya maksud

    dalam judul pembahasan kali ini adalah penandaan (Tag=Penandaan). Dengan kata lain

    setiap teks/tulisan atau gambar atau apapun yang ingin kita tampilkan dibrowser harus

    disisipkan didalam tag. Mengapa disisipkan? karena tag pada HTML menggunakan cara

    buka tutup, maksudnya, ada tag pembuka ada tag penutupnya. Misal kita ingin

    menampilkan sebuah kalimat dengan huruf tebal.

    Skripnya :
    <b>Ini kalimat dengan huruf tebal.</b>

    Hasilnya :
    Ini kalimat dengan huruf tebal.

    Lihat, <b> adalah tag pembuka, sedangkan </b> adalah tag penutup. Mudah bukan?

    Masih bingung mengapa <b> dan </b>? Sekarang coba ingat lagi saat kita

    membuat dokumen menggunakan Microsoft Word pada windows atau LibreOffice

    Writter pada Linux atau sejenisnya, ketika kita akan menebalkan suatu huruf/kata/kalimat
    pasti kita mengklik simbol huruf B bukan? Nah, simbol B yang artinya BOLD atau tebal

    jika kita terapkan pada file HTML akan seperti pada contoh diatas.

    Persiapan Membuat File HTML

    Membuat sebuah file HTML tentu bagi yang sudah tahu akan lebih mudah tetapi

    bagi seorang pemula merupakan sebuah misteri. Tapi ingat file HTML sangat mudah

    dibuat yang perlu dipersiapkan hanyalah sebuah text editor, jika anda memakai sistem

    operasi Windows anda bisa memakai Notepad, jika anda memakai Linux BlankOn,

    Ubuntu, Mint dan sebagainya anda bisa memakai gEdit.

    Gambar.3 Notepad (Text Editor)


    Langkah pertama, buat kerangka HTML-nya dulu :

    <html>
    <head>

    </head>
    <body>

    </body>
    </html>

    Kedua, kita buat isi dari file HTML yang akan ditampilkan di web browser nanti :

    Kata-kata tersebut dimasukkan di dalam markah/tag body :

    <html>
    <head>

    </head>
    <body>
    Halo, ini HTML pertama saya!
    </body>
    </html>

    Simpan file tersebut dengan nama yang berformat .html atau .htm. Misal : index.html

    Gambar.4 Menyimpan file HTML


    Keempat dan terakhir, jalankan/double click file HTML tersebut secara otomatis browser

    default anda akan terbuka dan tampil kata-kata yang telah anda buat tadi.

    Gambar.5 File HTML dijalankan di Web Browser

    Perhatikan penjelasan singkatnya berikut ini :

    Gambar.6 Penjelasan TAG


     Tag HTML adalah yang menaungi semua elemen.

     Didalam tag HTML terdapat tag HEAD, tag HEAD ini tidak akan ditampilkan

    didalam halaman browser.

     Dilanjut kebawahnya ada tag BODY, tag BODY inilah yang akan ditampilkan

    dihalaman browser dan itulah alasan mengapa kata-kata kita tadi ditempatkan

    diantara tag BODY.

    Membuat Judul Website Dengan tag TITLE

    Gambar.7 Judul Dokumen

    Anda mungkin juga menyukai