elemen dasar

Upload: soethree-yono

Post on 07-Jul-2018

217 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/19/2019 Elemen Dasar

    1/19

    ELEMEN DASAR 

     Jenis Dokumen    (terdapat pada awal dan akhir dari file

    HTML)

    Judul    (harus selalu terdapat pada mukadimah)

      Mukadimah (Header)   (keterangan umum, seperti judul dsb.)

    Batang Tubuh    (isi dari halaman HTML)

    ANAN!AN STR"#T"RAL

      #e$ala    (Heading -

    spesifikasi

    untuk

    menetapkan

    6 tingkatan

    kepala)

    %enataan (Align) #e$ala   

    &' 

    Bagian (Diision)   

    %enataan Bagian   

    #uti$an Blok (Blo*k +uote)   &'  (tampilan

    http://werbach.com/barebones/barebone_annot_id.html#alignhttp://werbach.com/barebones/barebone_annot_id.html#blockquotehttp://werbach.com/barebones/barebone_annot_id.html#blockquotehttp://werbach.com/barebones/barebone_annot_id.html#align

  • 8/19/2019 Elemen Dasar

    2/19

    dengan jeda

    terhadap

     batas

     pinggir)

    %enekanan (Em$hasis)    (umumnya

    huruf

    miring)

    %enguatan (Strong

    Em$hasis) 

      (umumnya

    huruf tebal)

    #uti$an singkat (itation)    (umumnya

    huruf

    miring)

    #ode    (!de -

    untuk

    s!ur"e "!de

    listings)

    ontoh #eluaran    (#ample

    $utput)

    Masukan %a$an #etik     (%eyb!ard

    &nput)

    ,ariabel    ('ariable)

    De-inisi    (efiniti!n -

     jarang

    dipakai)

    Alamat %engarang (Author.s

    Address) 

     

  • 8/19/2019 Elemen Dasar

    3/19

      Huru- ukuran Besar   

    Huru- "kuran #e*il   

    /0RMAT TAM%1LAN

      Huru- Tebal    (!ld)

    Huru- Miring    (&tali")

     *+.b !aris Ba2ah    (nderline - jarang

    digunakan)

    Huru- oret    (#trike!ut - jarang

    digunakan)

     *+.b Huru- oret    (#trike!ut - jarang

    digunakan)

    Huru- !eser Ba2ah    (#ubs"ript)

    Huru- !eser Atas   (#upers"ript)

    Huru- Mesin #etik     (Typewriter - huruf

     berjarak tetap)

    %ra3-ormat

    (%re-ormatted) 

      (menampilkan

    dengan jarak pra-f!rmat)

  • 8/19/2019 Elemen Dasar

    4/19

      Jarak Huru-     (mengatur jarak

    huruf)

    Rata Tengah   &'  (enter - berlaku

    untuk teks maupun

    gambar)

     *. Huru- #edi$    (linking - tag

    terlu"u sampai kini)

      "kuran Huru-     (/!nt #i0e - b!leh

    diisi dari sampai

    1)

    Rubah "kuran Huru-  

  • 8/19/2019 Elemen Dasar

    5/19

     *+.b Jenis elah   

    %enamaan sasaran

    $ada dokumen 

     

    #aitan(Relationshi$)    (jarang

    digunakan)

  • 8/19/2019 Elemen Dasar

    6/19

      #aitan terbalik

    (Reerse Relationshi$) 

      (jarang

    digunakan)

    %eragaan !ambar   

    %enataan Letak

    !ambar 

     

     *. %enataan Letak

    !ambar 

     

    Alternati- Teks    (saat gambar

     belum3tidak

    ditampilkan)

    Daerah !ambar

    (1magema$) 

      (membutuhkan

     pr!gram s"ript)

      Daerah !ambar $ihak

    klien 

     

    "raian Daerah

    !ambar 

     

    %embagian Daerah!ambar 

     

    Dimensi !ambar    (in pi5els)

    !aris Batas    (dalam satuan

     pi5el)

    Ruang %embatas    (dalam satuan

  • 8/19/2019 Elemen Dasar

    7/19

     pi5el)

     *. !ambar Lo23Res

    %ro56 

     

     *. %emindahan Tarik  

  • 8/19/2019 Elemen Dasar

    8/19

      %enataan Letak !aris   

    Tebal !aris    (dalam satuan

     pi5el)

    Lebar !aris    (dalam satuan

     pi5el)

     *. Lebar !aris %ersentasi   (dalam

     persentasi

    terhadap lebar

    halaman)

    !aris %e7al    (#!lid Line -

    tanpa p!la +)

     *. Tan$a !anti Baris    (*! reak -

    men"egah ganti

     baris)

     *. Sambung Suku #ata    (:!rd reak -

    letak ganti baris

     bila diperlukan)

    DA/TAR   

    Da-tar Tan$a

    Nomor 

      (n!rdered List -

    antumkan  

    sebelum tiap butir)

    #om$ak     (!mpa"t)

  • 8/19/2019 Elemen Dasar

    9/19

      Jenis Butiran    (ullet Type - berlaku

    umum bagi butir

    terdaftar)

      (berlaku khusus pada

     butir ini dan

    selanjutnya)

    Da-tar Bernomor    ($rdered List -

    antumkan  

    sebelum tiap butir)

    #om$ak    

    Jenis %enomoran    (berlaku umum untuk

    semua butir dalam

    daftar)

      (berlaku khusus pada

     butir ini dan

    selanjutnya)

    Nomor Mulai    (berlaku umum untuk

    semua butir dalam

    daftar)

      (berlaku khusus pada

     butir ini dan

    selanjutnya)

    Da-tar De-inisi   (efiniti!n List -=)7,).-&:

    4uraian)

    #om$ak    

  • 8/19/2019 Elemen Dasar

    10/19

      Da-tar Menu    (antumkan  

    sebelum butir menu)

    #om$ak    

    Da-tar Direktori    (antumkan  

    sebelum tiap butir

    direkt!ri)

    #om$ak    

    LATAR BELA#AN! DAN 4ARNA

      Latar Belakang

    !ambar 

      (Tiled a"kgr!und)

    4arna Latar Belakang  &'  (a"kgr!und !l!r -

    urutan;

    merah3hijau3biru)

    4arna Huru- Teks   &' 

    4arna A*uan   &' 

    A*uan Le$as #un7ung   &'  ('isited Link)

    A*uan Akti-    &'  (

  • 8/19/2019 Elemen Dasar

    11/19

  • 8/19/2019 Elemen Dasar

    12/19

     *. Mengirimkan /ile 

  • 8/19/2019 Elemen Dasar

    13/19

      %ilihan    (butir yang

    dapat

    dipilih)

    %ilihan De-ault   

    "kuran 1n$ut Bo5  

    Nama 1n$ut Bo5   

     *. Rangkuman Teks   

    :rap Te5t

    TABEL

      Ran*angan Tabel   &' 

    !aris Batas Tabel   

    elah Sel    ell #pa"ing

    %en6angga Sel    ell 7adding

    Lebar Tabel    (dalam satuan

     pi5el)

    Lebar Tabel %ersentasi    (dalam satuan

     persen

    terhadap lebarhalaman)

    http://werbach.com/barebones/barebone_annot_id.html#tableshttp://werbach.com/barebones/barebone_annot_id.html#tables

  • 8/19/2019 Elemen Dasar

    14/19

      Baris dalam Tabel   

    %enataan Letak Baris   

    Sel dalam Tabel    (harus ada

    dalam setiap

     baris tabel)

    %enataan Letak Sel   

    Tan$a !anti Baris   

    Rentang #olom    !lumns t!

    span

    Rentang Baris    9!ws t! span

     *. Lebar Sel    (dalam satuan

     pi5el)

     *. Lebar Sel %ersentasi    (dalam satuan

     persenterhadap lebar

    tabel)

     *+.b 4arna Sel   

    #e$ala Tabel    (Table Header

    - seperti data

    dengan !ld

    dan enter)

  • 8/19/2019 Elemen Dasar

    15/19

      %enataan Letak #e$ala Tabel  

    Tan$a Baris Baru   

    Rentang #olom    !lumns t!

    #pan

    Rentang Baris    9!ws t! #pan

     *. Lebar #e$ala Tabel    (dalam satuan

     pi5el)

     *. Lebar %ersentasi    (dalam

     persentasi

    terhadap lebar

    tabel)

     *+.b 4arna #e$ala Tabel   

    #eterangan Tabel    apti!n

    %enataan #eterangan    (di atas 3 di

     bawah tabel)

    /RAMES

     *. Dokumen dalam /rame    (sebagai

     pengganti

    )

  • 8/19/2019 Elemen Dasar

    16/19

     *. Tinggi Baris /rame    (dalam satuan

     pi5el atau D)

     *. Tinggi Baris /rame    (E 4 ukuran

    relatif)

     *. Lebar #olom /rame    (dalam satuan

     pi5el atau D)

     *. Lebar #olom /rame    (E 4 ukuran

    relatif)

     *+.b Lebar !aris Batas   

     *+.b !aris Batas   

     *. Lebar Batas    (batas kiri dan

    kanan)

     *. Tinggi Batas    (batas atas dan

     bawah)

  • 8/19/2019 Elemen Dasar

    17/19

     *. S*rollbar

  • 8/19/2019 Elemen Dasar

    18/19

      Teks Alternati-     (untuk br!wser

    tanpa kemampuan

    Fa=a br!wsers)

    %enataan A$$let   

    "kuran A$$let    (in pi5els)

    elah batas A$$let    (in pi5els)

    LA1N3LA1N

      #omentar    (tidak ditampilkan

    !leh br!wser)

    %rolog HTML =>? 

  • 8/19/2019 Elemen Dasar

    19/19

     *. Nama Dasar 4indo2    (harus terletak di

    header)

    #aitan   

    (9elati!n dan

    9e=erse 9elati!n,

    harus terletak di

    header)

    1n-ormasi Meta    (harus terletak di

    header)

    Lembar !a6a %enulisan   (#tyle #heet - belum

    didukung

    sepenuhnya)

    S*ri$ts    (belum didukung

    sepenuhnya)