elemen dasar
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)