Scribd Logo
Unggah

Selamat datang di Scribd!

  • Bab 1

    Diunggah oleh

    Beben Ben
    10 tayangan16 halaman
    hhh

    Judul Asli

    BAB 1

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    hhh

    Hak Cipta:

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

    Bab 1

    Diunggah oleh

    Beben Ben
    hhh

    Hak Cipta:

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

    BAB 1.

    PROGRAM WEB HTML


    Kompetensi dasar
    Kd pengetahuan  3.4
     Mengetahui kualitas program/source  Kode dari
    kriteria yang diberikan
     Memahami test case dan tata cara pengujian program
    Kd ketrampilan  4.4
    Melakukan modifikasi program tanpa mengubah struktur dan
    menyebabkan masalah

    Tujuan pembelajaran
    Siswa mampu mengenali  kode program 
    PENGENALAN DASAR HTML
    HTML atau HyperText Markup Language merupakan
    sebuah bahasa markah untuk membuat halaman Web
    Jadi, HTML itu adalah sebuah bahasa yang
    menggunakan markup atau penanda untuk membuat
    halaman web.
    Penanda atau markup ini, nanti akan kita sebut
    dengan Tag.
    HTML berperan untuk menentukan struktur konten dan
    tampilan
     
    Introduksi HTML

    1. Memberi nama dokumen


    dokumen HTML diberi dengan nama apa saja lalu diberi
    tambahan ekstensi. htm atau html
    2. Definisi elemen
    dokumen html disusun dari elemen elemen atau komponen
    dasar pembentuk HTML contoh elemen dokumen html adalah :
    head, body table,  paragraph,  list dan lainnya
    3. Elemen HTML

    Elemen html untuk membuat suatu dokumen html dinyatakan


    dengan tag  <html>, <head>, dan <body>. elemen <head>
    Mengandung informasi tentang dokumen tersebut,  dan elemen
    body mengandung teks yang akan ditampilkan di browser 
    TAG HTML
     Tag HTML untuk menandai elemen dalam
    suatu dokumen HTML. terdiri atas lebih
    kecil(<) nama suatu tag  dan tanda lebih besar
    (>) . Tag Umumnya berpasangan. Sebagai
    contoh,<h1> dengan </h1>.Secara umum
    suatu elemen dalam dokumen html yang
    dinyatakan dengan tag yang dituliskan sebagai
    berikut <nama tag > - </nama tag>
    1. Tag Head
      adalah tag untuk menuliskan keterangan tentang dokumen html isi teks diantaranya
    adalah <head> dengan </head> tidak ditampilkan dalam Browser. Perhatikan
    contoh berikut:
    <head>
    <title> informatika sma via HTML</title>
    <head>
    2. Tag Title
    Adalah Tag yang untuk menuliskan judul dokumen HTML hasil tag ini akan
    ditampilkan dengan Windows Browser. Perhatikan contoh berikut
    <title> informatika SMA kelas XII <title>
    3. Tag body
    Adalah selection dalam dokumen HTML yang akan ditampilkan dalam Browser
    perhatikan contoh berikut
    <body>
    HTML di informatika SMA
    </body>
    Peralatan untuk Belajar HTML

    1. Teks Editor untuk Menulis HTML


    Teks editor akan kita gunakan untuk
    menulis kode kode HTML. Kamu bebas
    menggunakan teks editor apapun.
    Notepad boleh, Notepad++ juga boleh..
    Gambar Notepad
    dapat dibuka melalui start- All program- Accesoris – pilih
    NotePad

    Apapun teks editornya, yang penting bisa digunakan untuk membuat dan menulis dokumen
    HTML.
    2. Web Browser untuk Membuka HTML

     Web browser akan kita gunakan untuk


    membuka HTML. Kamu juga bebas
    menggunakan web browser apapun.

    gunakan web browser yang terbaru, karena kita


    juga akan Firefox atau Google Chrome,
    Membuat Dokumen HTML Pertamamu
     Kini tiba saatnya, kamu harus mencoba sendiri
    membuat dokumen HTML. Caranya sangat
    mudah.
     Mari kita mulai dengan membuka teks editor,
    lalu tulislah kode berikut.
    Praktikum 1.1 Html dasar
    1. Aktifkan note pad start- All program- Accesoris – pilih
    Note Pad
    2. Ketik kode-kode html berikut via Note
    pad
     <html>
     <head>
     <title>judul homepage</title>
     <head>
     <body> pemrograman  JavaScript-ku  yang pertama. 
    Hatiku gembira
     <b> pelajaran Informatika memang mantap</b>
     </body>
     </html>
    Seperti pada gambar
    3. Setelah itu klik file kemudian klik save.Notepad 
    akan menampilkan kotak dialog save as
    4. Simpan dengan nama Informatika 1.html pada
    kotak file name lalu klik save .
    5. Aktifkan browser anda misalnya Mozilla Firefox
    6. Klik menu file kemudian klik open Mozilla
    Firefox akan menampilkan kotak dialog open file
    7. Klik file Informatika1.html pada bagian file name, lalu klik ok
    8. Mozilla FirefoxMembuka file Informatika1. html yang anda buat
    Inilah Hasilnya pada tampilan webrowser
    Mozilla Fire Fox

    Anda mungkin juga menyukai