Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dasar Web

    Diunggah oleh

    doli zal
    9 tayangan6 halaman
    Dokumen tersebut memberikan tutorial dasar tentang pembuatan website menggunakan bahasa pemrograman HTML, mulai dari penjelasan apa itu website, bahasa pemrograman yang digunakan, contoh kode HTML sederhana, penjelasan tag-tag dasar HTML beserta contoh kode, serta penjelasan berbagai tag tambahan HTML.

    Deskripsi Asli:

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen tersebut memberikan tutorial dasar tentang pembuatan website menggunakan bahasa pemrograman HTML, mulai dari penjelasan apa itu website, bahasa pemrograman yang digunakan, contoh kode HTML sederhana, penjelasan tag-tag dasar HTML beserta contoh kode, serta penjelasan berbagai tag tambahan HTML.

    Hak Cipta:

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

    Dasar Web

    Diunggah oleh

    doli zal
    Dokumen tersebut memberikan tutorial dasar tentang pembuatan website menggunakan bahasa pemrograman HTML, mulai dari penjelasan apa itu website, bahasa pemrograman yang digunakan, contoh kode HTML sederhana, penjelasan tag-tag dasar HTML beserta contoh kode, serta penjelasan berbagai tag tambahan HTML.

    Hak Cipta:

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

    TUTORIAL BELAJAR WEBSITE

    Website adalah Media informasi yang beroperasi melalui jaringan internet


    sehingga dapat diakses setiap orang.

    Dalam website ada beberapa bahasa pemograman seperti:

    a. HTML,
    b. PHP,
    c. CSS,
    d. Jquery,
    e. Bootstrap,
    f. Json,
    g. Javascript Dan lain-lain.

    Untuk pemula anda harus mengetahui bahasa HTML dan menguasainya.


    Contoh bahasa HTML

    <!DOCTYPE html>
    <html>
    <head>
    <title>SMKS PEMBDA NIAS</title>
    </head>
    <body>
    Hello Word
    </body>
    </html>

    Sourcode yang diatas ini adalah Sourcode yang sangat sederhana dalam membuat
    website. Apa maksud dari sourcode diatas?

    a. <!DOCTYPE html> artinya website sesuai dengan standar W3C


    b. <html> </html> artinya kita memulai sebuah halaman html. Perlu anda ketahui
    bahwa Setiap sourcode dalam html dibungkus dalam kurung siku <> dan ditutup
    dengan kurung siku juga </>.
    c. <head> artinya kepala dari sebuah website
    d. <title> artinya nama dari website yang kita buat
    e. <body> artinya isi dari website.

    Sekarang anda bisa copy sourcode yang saya kuningkan diatas dan simpan dengan
    nama latihan1.html (Lihat di Folder contoh).

    Dari kode yang diatas anda kembangkan dengan menggunakan berbagai kode lagi
    <!DOCTYPE html>
    <html>

    <head>

    <title>SMKS PEMBDA NIAS</title>

    </head>

    <body bgcolor=”1a1a1a”>

    <h1><b>SELAMAT DATANG</h1></b>

    <p>Terimakasih telah mengunjungi Website SMK Swasta Pembda Nias. SMK


    Swasta Pembda Nias adalah salah satu sekolah yang terkenal di kota
    gunungsitoli, sekolah ini mempunyai empat jurusan yaitu TKJ, TGB, TAV, TKR.
    Kami menerima siswa baru Tahun 2016/2016 Mulai tanggal 6 Juni 2016 sampai
    10 juli 2016 dan pendaftarannya dapat dilakukan secara Online melalui Website
    ini di Menu PPDB.</p>

    <p>SMK Swasta Pembda Nias mempunyai fasilitas yang tersedia di setiap


    jurusan, setiap jurusan memiliki Laboratorium untuk praktek. Disamping itu
    SMK Swasta Pembda Nias juga mampu bersaing seperti di lomba kompetensi
    kejuruan (LKS) tingkat Provinsi Sumatera Utara dan meraih juara empat di ajang
    </p>

    </body>

    <html>

    Yang diatas ini adalah kode yang sudah mulai bagus dengan latar dari website kita
    sudah berwarna, judul besar, dan memiliki 2 paragraf. Berikut arti dari kode diatas

    a. <body bgcolor=”1a1a1a”> artinya kita mebuat halaman latar website kita


    dengan warna. 1a1a1a artinya simbol warna kita bisa menggantinya dengan
    angka 1 dan 2 serta hruf a, b, c, d, e dan f. Seperti cacaca, dadada, bababa, fcfcfc,
    dll.
    b. <h1> artinya text paling terbesar. Tag ini bisa sampai <h6>.
    c. <b> artinya menebalkan text.
    d. <p> artinya paragraf

    Sekarang yang menjadi tugas anda yaitu coba gunakan tag ini dalam html dengan
    mengubah isi body dari latihan1.html.

    1. Membuat kutipan teks

    <blockquote>Masukkan teks anda di sini</blockquote>

    Hasil:
    Blockquote

    2. Membuat teks teletype (untuk membedakan tulisan biasa dengan kode html)

    <tt>Masukkan teks anda di sini</tt>

    Hasil:

    Teletype text

    3. Membuat teks miring

    <i>Masukkan teks anda di sini</i>

    Hasil:

    Italic text

    4. Membuat teks tebal

    <b>Masukkan teks anda di sini</b>

    Hasil:

    Bold text

    5. Membuat tulisan dicoret

    <strike>Masukkan teks anda di sini</strike>

    Hasil:

    Strike

    6. Membuat tulisan digarisbawahi

    <u>Masukkan teks anda di sini</u>

    Hasil:

    Underlined text

    7. Membuat teks ke kiri

    <p style=”text-align: left;”>Masukkan teks anda di sini</p>

    Hasil:

    Left

    8.Membuat teks ke tengah

    <p style=”text-align: center;”>Masukkan teks anda di sini</p>

    Hasil:
    Center

    9. Membuat teks ke kanan

    <p style=”text-align: right;”>Masukkan teks anda di sini</p>

    Hasil:

    Right

    10. Membuat Bullet Numberring

    <li>Masukkan teks anda di sini</li>

    Hasil:

    Bullet

    Agar menjorok kedalam anda bisa menambahkan <ul> dan </ul>

    Contoh:

    <ul><li>Bullet</li></ul>

    Hasil:

    Bullet

    11. Membuat teks lebih besar

    <big>Masukkan teks anda di sini</big>

    Hasil:

    Big text
    12. Membuat teks lebih ke kecil

    <small>Masukkan teks anda di sini</small>

    Hasil:

    Small text

    13. Membuat teks agak ke bawah

    <sub>Masukkan teks anda di sini</sub>

    Hasil:

    Tulisannya akan ke bawah subscript

    14. Membuat teks agak ke atas

    <sup>Masukkan teks anda di sini</sup>


    Hasil:

    tulisannya akan ke atas superscript

    15. Membuat kotak teks area

    <textarea>Masukkan teks anda di sini</textarea>

    textarea

    Untuk mengubah besar kolom dan barisnya

    Anda bisa menambahkan kodenya menjadi

    <textarea rows=”3″ cols=”30″>textarea</textarea>

    Hasil:

    textarea

    Untuk mengganti ukurannya tinggal ganti angkanya saja

    16. Membuat tabel

    Tag <tr> mendefinisikan baris dalam tabel HTML

    Tag <th> mendefinisikan header cell pada tabel HTML

    Tag <td> mendefinisikan standard cell pada tabel HTML

    Sebuah tabel HTML memiliki dua macam cell:

    Header cells – berisi informasi header (dibuat dengan elemen th)

    Standard cells – berisi data (dibuat dengan elemen td)

    Teks dengan elemen th akan tebal dan ke tengah

    Teks dengan elemen td akan biasa dan letaknya di kiri.

    Contoh:

    <table border=”1″>

    <tr>

    <th>Bulan</th>
    <th>Tabungan</th>

    </tr>

    <tr>

    <td>Januari</td>

    <td>Rp.1000000</td>

    </tr>

    </table>

    Hasil:

    Bulan Tabungan

    Januari Rp.1000000

    Catatan: angka 1 bisa diganti angka 2,3,dst untuk jenis border tabel.

    Jika masih bingung bisa langsung dipraktekkan di sini

    17. Membuat tulisan ke bawah (Enter)

    <br />

    Caranya sisipkan kode tersebut pada kode yang ingin buat menjadi enter atau ke bawah

    18. Membuat tulisan berkedip

    <blink>Masukkan teks anda di sini</blink>

    Hasil:

    blink

    19. Membuat tulisan bergerak atau berjalan

    <marquee>Masukkan teks anda di sini</marquee>

    Hasil:

    Secara default maka tulisan akan bergerak dari kanan dan ke kiri

    Agar bisa ke arah lainnya tambahkan kodenya menjadi sebagai berikut

    Bergerak ke atas

    <marquee direction=”up”>Masukkan teks anda di sini</marquee>

    Anda mungkin juga menyukai