Aurahack’s Weblog
Find all unimaginable things!!

session II-tugas ARC II

1. terjemahkan dari link http://www.w3schools.com/tags/

Tag

Description

DTD

<!–…–>

Mendefinisikan komentar

STF

<!DOCTYPE>

Mendefinisikan tipe dokumen

STF

<a>

Mendefinisikan tempat penulisan

STF

<abbr>

Mendefinisikan singkatan

STF

<acronym>

Mendefinisikan akronim

STF

<address>

Mendefinisikan elemen alamat

STF

<applet>

Pembantahan. Mendefinisikan applet

TF

<area>

Mendefinisikan area dalam gambar

STF

<b>

Mendefinisikan teks bold

STF

<base>

Mendefinisikan sumber URL dari link dalam page

STF

<basefont>

Pembantahan.Mendefinisikan dasar font

TF

<bdo>

Mendefinisikan arah dari tampilan teks

STF

<big>

Mendefinisikan teks besar

STF

<blockquote>

Mendefinisikan kutip panjang

STF

<body>

Mendefinisikan elemen body

STF

<br>

Memasukkan spasi 1 baris

STF

<button>

Mendefinisikan tombol tekan

STF

<caption>

Mendefinisikan tabel caption

STF

<center>

Pembantahan. Mendefinisikan teks menuju center

TF

<cite>

Mendefinisikan kutip

STF

<code>

Mendefinisikan kode teks komputer

STF

<col>

Mendefinisikan atribut kolom tabel

STF

<colgroup>

Mendefinisikan grup kolom tabel

STF

<dd>

Mendefinisikan deskripsi definisi

STF

<del>

Mendefinisikan teks yang terhapus

STF

<dir>

Pembantahan. Mendefinisikan list directory

TF

<div>

Mendefinisikan bagian pada dokumen

STF

<dfn>

Mendefinisikan definisi dari syarat

STF

<dl>

Mendefinisikan daftar definisi

STF

<dt>

Mendefinisikan konsep definisi

STF

<em>

Mendefinisikan penekanan teks

STF

<fieldset>

Mendefinisikan fieldset

STF

<font>

Pembantahan. Mendefinisikan font teks, ukuran dan warna

TF

<form>

Mendefinisikan daftar

STF

<frame>

Mendefinisikan jendela

F

<frameset>

Mendefinisikan kerangka

F

<h1> to <h6>

Mendefinisikan header 1 menuju 6

STF

<head>

Mendefinisikan informasi tentang dokumen

STF

<hr>

Mendefinisikan syarat horizontal

STF

<html>

Mendefinisikan HTML dokumen

STF

<i>

Mendefinisikan teks italic

STF

<iframe>

Mendefinisikan kerangka dalam jendela

TF

<img>

Mendefinisikan gambar

STF

<input>

Mendefinisikan daerah input

STF

<ins>

Mendefinisikan teks yang disisipkan

STF

<isindex>

Pembantahan. Mendefinisikan sebaris daerah dalam

TF

<kbd>

Mendefinisikan teks keyboard

STF

<label>

Mendefinisikan label atau form kontrol

STF

<legend>

Mendefinisikan judul dalam fieldset

STF

<li>

Mendefinisikan daftar item

STF

<link>

Mendefinisikan referensi sumber

STF

<map>

Mendefinisikan peta gambar

STF

<menu>

Pembantahan. Mendefinisikan daftar menu

TF

<meta>

Mendefinisikan informasi meta

STF

<noframes>

Mendefinisikan seksi tanpa kerangka

TF

<noscript>

Mendefinisikan seksi tanpa tulisan

STF

<object>

Mendefinisikan objek yang disisipkan

STF

<ol>

Mendefinisikan daftar yang dipesan

STF

<optgroup>

Mendefinisikan grup pilihan

STF

<option>

Mendefinisikan pilihan dalam daftar

STF

<p>

Mendefinisikan paragraf

STF

<param>

Mendefinisikan batas objek

STF

<pre>

Mendefinisikan teks yang siap diformat

STF

<q>

Mendefinisikan kutip pendek

STF

<s>

Pembantahan. Mendefinisikan strikethrough teks

TF

<samp>

Mendefinisikan contoh kode komputer

STF

<script>

Mendefinisikan script

STF

<select>

Mendefinisikan daftar yang dapat dipilih

STF

<small>

Mendefinisikan teks kecil

STF

<span>

Mendefinisikan bagian dalam dokumen

STF

<strike>

Pembantahan. Mendefinisikan strikethrough teks

TF

<strong>

Mendefinisikan strong teks

STF

<style>

Mendefinisikan style definisi

STF

<sub>

Mendefinisikan teks subscript

STF

<sup>

Mendefinisikan teks superscript

STF

<table>

Mendefinisikan tabel

STF

<tbody>

Mendefinisikan badan tabel

STF

<td>

Mendefinisikan kotak tabel

STF

<textarea>

Mendefinisikan area teks

STF

<tfoot>

Mendefinisikan footer

STF

<th>

Mendefinisikan awal tabel

STF

<thead>

Mendefinisikan awal tabel

STF

<title>

Mendefinisikan judul dokumen

STF

<tr>

Mendefinisikan baris tabel

STF

<tt>

Mendefinisikan teks teletype

STF

<u>

Pembantahan. Mendefinisikan teks yang digarisbawahi

TF

<ul>

Mendefinisikan daftar yang belum dipesan

STF

<var>

Mendefinisikan variabel

STF

<xmp>

Pembantahan. Mendefinisikan teks yang siap diformat

2.Terjemahkan dari http://www.w3schools.com/css/css_reference.asp

Property

Description

Values

IE

F

N

W3C

background

properti pendek untuk mengatur semua properti latar dalam satu deklarasi

background-color
background-image
background-repeat background-attachment background-position

4

1

6

1

background-attachment

Mengatur bagaimana latar belakang gambar dibuat diam atau digeser dengan page

scroll
fixed

4

1

6

1

background-color

Mengatur elemen warna latar

color-rgb
color-hex
color-name
transparent

4

1

4

1

background-image

Mengatur gambar sebagai latar

url(URL)
none

4

1

4

1

background-position

Mengatur awal dari latar gambar

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos

4

1

6

1

background-repeat

Mengatur bagaimana latar gambar diulang

repeat
repeat-x
repeat-y
no-repeat

4

1

4

1

Border

Property

Description

Values

IE

F

N

W3C

border

Mengatur properti dari empat batas dalam satu deklarasi

border-width
border-style
border-color

4

1

4

1

border-bottom

Mengatur properti dari order bawah dalam satu deklarasi

border-bottom-width
border-style
border-color

4

1

6

1

border-bottom-color

Mengatur warna border bawah

border-color

4

1

6

2

border-bottom-style

Mengatur style border bawah

border-style

4

1

6

2

border-bottom-width

Mengatur lebar border bawah

thin
medium
thick
length

4

1

4

1

border-color

Mengatur warna dari empat border, bisa dari satu hingga empat

color

4

1

6

1

border-left

Mengatur border kiri dalam satu deklarasi

border-left-width
border-style
border-color

4

1

6

1

border-left-color

Mengatur warna dari border kiri

border-color

4

1

6

2

border-left-style

Mengatur style dari border kiri

border-style

4

1

6

2

border-left-width

Mengatur lebar border kiri

thin
medium
thick
length

4

1

4

1

border-right

Mengatur properti border kanan dalam satu deklarasi

border-right-width
border-style
border-color

4

1

6

1

border-right-color

Mengatur warna border kanan

border-color

4

1

6

2

border-right-style

Mengatur style border kanan

border-style

4

1

6

2

border-right-width

Mengatur lebar border kanan

thin
medium
thick
length

4

1

4

1

border-style

Mengatur lebar border kanan bisa dari satu hingga empat

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

4

1

6

1

border-top

Mengatur properti border atas dalam satu deklarasi

border-top-width
border-style
border-color

4

1

6

1

border-top-color

Mengatur warna border atas

border-color

4

1

6

2

border-top-style

Mengatur style border atas

border-style

4

1

6

2

border-top-width

Mengatur lebar border atas

thin
medium
thick
length

4

1

4

1

border-width

Mengatur lebar border atas bisa dari satu hingga empat

thin
medium
thick
length

4

1

4

1

Classification

Property

Description

Values

IE

F

N

W3C

clear

Mengatur sisi dari elemen diamna elemen sampingan lain tidak diperbolehkan

left
right
both
none

4

1

4

1

cursor

Mengatur tipe kursor untuk ditampilkan

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

4

1

6

2

display

Mengatur bagaimana elemen ditampilkan

none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption

4

1

4

1

float

Mengatur bagaimana gambar dan teks muncul

left
right
none

4

1

4

1

position

Menyimpan elemen dalam posisi statis, relatif, mutlak atau terkunci

static
relative
absolute
fixed

4

1

4

2

visibility

Mengatur elemen terlihat atau tidak terlihat

visible
hidden
collapse

4

1

6

2

Dimension

Property

Description

Values

IE

F

N

W3C

height

Mengatur tinggi elemen

auto
length
%

4

1

6

1

line-height

Mengatur jarak garis

normal
number
length
%

4

1

4

1

max-height

Mengatur tinggi maksimum dari elemen

none
length
%

-

1

6

2

max-width

Mengatur lebar maksimum dari elemen

none
length
%

-

1

6

2

min-height

Mengatur tinggi minimum dari elemen

length
%

-

1

6

2

min-width

Mengatur lebar minimum dari elemen

length
%

-

1

6

2

width

Mengatur lebar dari elemen

auto
%
length

4

1

4

1

Font

Property

Description

Values

IE

F

N

W3C

font

Mengatur semua properti font dalam satu deklarasi

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

4

1

4

1

font-family

Memproritaskan marga keluarga dalam elemen

family-name
generic-family

3

1

4

1

font-size

Mengatur ukuran font

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%

3

1

4

1

font-size-adjust

Mengatur nilai aspek dalam elemen sehingga dapat menetapkan ukuran untuk font selanjutnya

none
number

-

-

-

2

font-stretch

Mengecilkan atau memperbesar ukuran font keluarga

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

-

-

-

2

font-style

Mengatur style font

normal
italic
oblique

4

1

4

1

font-variant

Mengatur menampilkan teks dalam ukuran normal atau kecil

normal
small-caps

4

1

6

1

font-weight

Mengatur bobot font

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

4

1

4

1

Generated Content

Property

Description

Values

IE

F

N

W3C

content

memperbaharui isis dokumen. Digunakan dengan :before dan :after elemen antara

string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote

1

6

2

counter-increment

Mengatur pengurangan dari kejadian pada selektor

none
identifier number

2

counter-reset

Mengatur nilai dari counter kejadian pada selektor

none
identifier number

2

quotes

Mengatur tipe tanda kuota

none
string string

-

1

6

2

List and Marker

Property

Description

Values

IE

F

N

W3C

list-style

Mengatur properti untuk semua list dalam satu deklarasi

list-style-type
list-style-position
list-style-image

4

1

6

1

list-style-image

Mengatur gambar sebagai lambang item marker

none
url

4

1

6

1

list-style-position

Mengatur dimana daftar item marker ditaruh dalam list

inside
outside

4

1

6

1

list-style-type

Mengatur tipe daftar item marker

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha

4

1

4

1

marker-offset

auto
length

1

7

2

Margin

Property

Description

Values

IE

F

N

W3C

margin

Mengatur properti margin dalam satu deklarasi

margin-top
margin-right
margin-bottom
margin-left

4

1

4

1

margin-bottom

Mengatur margin bawah dari suatu elemen

auto
length
%

4

1

4

1

margin-left

Mengatur margin kiri dari suatu elemen

auto
length
%

3

1

4

1

margin-right

Mengatur margin kanan dari suatu elemen

auto
length
%

3

1

4

1

margin-top

Mengatur margin atas dari suatu elemen

auto
length
%

3

1

4

1

Outlines

Property

Description

Values

IE

F

N

W3C

outline

Mengatur semua outline properti dalam satu deklarasi

outline-color
outline-style
outline-width

-

1.5

-

2

outline-color

Mengatur warna outline disekitar elemen

color
invert

-

1.5

-

2

outline-style

Mengatur style outline disekitar elemen

none
dotted
dashed
solid
double
groove
ridge
inset
outset

-

1.5

-

2

outline-width

Mengatur lebar outline disekitar elemen

thin
medium
thick
length

-

1.5

-

2

Padding

Property

Description

Values

IE

F

N

W3C

padding

Mengatur properti pengisi dalam satu deklarasi

padding-top
padding-right
padding-bottom
padding-left

4

1

4

1

padding-bottom

Mengatur properti pengisi bawah dari suatu elemen

length
%

4

1

4

1

padding-left

Mengatur properti pengisi kiri dari suatu elemen

length
%

4

1

4

1

padding-right

Mengatur properti pengisi kanan dari suatu elemen

length
%

4

1

4

1

padding-top

Mengatur properti pengisi atas dari suatu elemen

length
%

4

1

4

1

Positioning

Property

Description

Values

IE

F

N

W3C

bottom

Mengatur seberapa jauh batas bawah dari suatu elemen ada diatas/dibawah batas bawah dari elemen induk

auto
%
length

5

1

6

2

clip

Mengatur bentuk elemen. Elemen disisipkan dalam bentuk ini dan ditampilkan

shape
auto

4

1

6

2

left

Mengatur seberapa jauh bats kiri dari elemen menuju batas kanan/kiri dari elemen induk

auto
%
length

4

1

4

2

overflow

Mengatur apa yang tejadi jika isi dari elemen memenuhi area

visible
hidden
scroll
auto

4

1

6

2

position

Menaruh elemen dalam keadaan statis,relatif, absolut atau posisi terkunci

static
relative
absolute
fixed

4

1

4

2

right

Megnatur seberapa jauh ujung kanan dari elemen menuju kiri/kanan ujung kanan dari elemen induk

auto
%
length

5

1

6

2

top

Mengatur seberapa jauh elemen di ujung atas terhadap atas/bawah ujung atas elemen induk

auto
%
length

4

1

4

2

vertical-align

Mengatur garis vertikal dari elemen

baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%

4

1

4

1

z-index

Mengatur urutan simpan dari elemen

auto
number

4

1

6

2

Table

Property

Description

Values

IE

F

N

W3C

border-collapse

Mengatur apakah batas tabel menjadi satu batas atau dikeluarkan sebagai HTML standar

collapse
separate

5

1

7

2

border-spacing

Mengatur jarak yang memisahkan kotak batas

length length

5M

1

6

2

caption-side

Mengatur posisi dari judul tabel

top
bottom
left
right

5M

1

6

2

empty-cells

Mengatur apakah ditunjukkan atau tidak kotak kosong dalam tabel

show
hide

5M

1

6

2

table-layout

Mengatur algoritma yang digunakan untuk menampilkan kotak tabel, baris dan kolom

auto
fixed

5

1

6

2

Text

Property

Description

Values

IE

F

N

W3C

color

Mengatur warna teks

color

3

1

4

1

direction

Mengatur arah teks

ltr
rtl

6

1

6

2

line-height

Mengatur jarak antar garis

normal
number
length
%

4

1

4

1

letter-spacing

Menambah /mengurangi spasi antar karakter

normal
length

4

1

6

1

text-align

Menyusun teks dalam elemen

left
right
center
justify

4

1

4

1

text-decoration

Menambah dekorasi teks

none
underline
overline
line-through
blink

4

1

4

1

text-indent

Indentasi dari baris pertama dari teks dalam elemen

length
%

4

1

4

1

text-shadow

none
color
length

text-transform

Mengontrol kata dalam elemen

none
capitalize
uppercase
lowercase

4

1

4

1

unicode-bidi

normal
embed
bidi-override

5

2

white-space

Mengatur bagaimana spasi putih dalam elemen diatur

normal
pre
nowrap

5

1

4

1

word-spacing

Menambah atau mengurangi spasi antar kalimat

normal
length

6

1

6

1

Pseudo-classes

Pseudo-class

Purpose

IE

F

N

W3C

:active

Menambah style khusus pada elemen aktif

4

1

8

1

:focus

Menambah style khusus pada elemen ketika elemen mempunyai fokus

-

1.5

8

2

:hover

Menambah style khusus pada elemen ketika dimouse

4

1

7

1

:link

Menambah style khusus pada link yang belum dikunjungi

3

1

4

1

:visited

Menambah style khusus pada link yang pernah dikunjungi

3

1

4

1

:first-child

Menambah style khusus pada elemen yang merupakan anak pertama dari elemen lain

-

1

7

2

:lang

membolehkan penulis memilih bahasa yang digunakan dalam elemen yang dimaksud

-

1

8

2

Pseudo-elements

Pseudo-element

Purpose

IE

F

N

W3C

:first-letter

Menambah style khusus pada kata pertama dari teks

5

1

8

1

:first-line

Menambah style khusus pada baris pertama dari teks

5

1

8

1

:before

Memasukkan isi sebelum elemen

1.5

8

2

:after

Memasukkan isi setelah elemen

1.5

8

2

No Responses Yet to “session II-tugas ARC II”

Leave a Reply