Upload
fitria-nh
View
265
Download
0
Embed Size (px)
Citation preview
7/23/2019 Format Teks x Tkj
1/13
10/2/20
Block Level Element
O Block level element yang sering di gunakan adalah
Heading.
O Heading adalah salah satu metode yang ada pada
HTML yang digunakan untuk membuat judul dalam
paragraf.
O Block level element yang sering di gunakan :
Heading (H1 sampai H6)O Penulisan : teks/judul
O Contoh : Heading 1
Heading2
7/23/2019 Format Teks x Tkj
2/13
10/2/20
Membuat Heading
Langkah-langkah pembuatan heading
O Buatlah dokumen sederhana dengan menggunakan struktur dasardokumen HTML.
O Buatlah judul paragraf dengan menggunakan tag heading, caranyadengan meletakkan tag heading diantara tag . Misalnya:
Contoh Heading
O Rubahlah bentuk dari judul tersebut dengan menggunakan attribut.Misalnya merubah posisi huruf menjadi rata kanan .
O Contoh Heading
O Simpanlah dokumen HTML tersebut.O Bukalah dokumen HTML dengan menggunakan salah satu web
browser.
Latihan
7/23/2019 Format Teks x Tkj
3/13
10/2/20
Judul Web
ini adalah isi halaman web
.. : kode yang bergunauntuk meletakkan semua isi Web yang
akan kita buat.
WARNA & BACKGROUND
O Pada semua halaman web, dapat dilakukan
pendeklarasian warna latar belakang atau
background halaman.
O Pendeklarasian tersebut dilakukan dengan atribut
yang disisipkan dalam tag sehingga
atribut tersebut mempengaruhi seluruh halaman
web
... Isi...
7/23/2019 Format Teks x Tkj
4/13
10/2/20
WARNA & BACKGROUND
Atribut yang digunakan dalam tag BODY:
Atribut Value Keterangan
Bgcolor #000000-#ffffff
(semua warna)
Menentukan
warna background
Background File gambar Membuat
background
gambar
Text #000000-#ffffff
(semua warna)
Warna pada text
seluruh halaman
web
WARNA & BACKGROUND
O Secara default (standart) halaman web akan menciptakan
halaman berwarna putih.
O Warna halaman web dapat diubah dengan menambahkanatribut bgcolor =value yang disisipkan dalam tagBODY
..... Isi ....
O Warna adalah kumpulan code ASCII yang berasal dari warna
dasar RGB (Red Green Blue)
O Setting Warna dengan kode ASCII dengan menambahkan
tanda # didepan atau dengan mengetikkan nama warnadalam bahasa inggris (red, green, blue, yellow, etc)
7/23/2019 Format Teks x Tkj
5/13
10/2/20
CONTOH
Judul Web
ini adalah isi halaman web
BACKGROUND GAMBAR
O Atribut yang digunakan untuk memberikan
background pada halaman web berupa gambar
adalah dengan background=gambar
O .... Isi ....
7/23/2019 Format Teks x Tkj
6/13
10/2/20
CONTOH
judul web
ini adalah halaman web
WARNA TEKS
O Tekx default pada halaman web berwarna hitam.
Atribut yang digunakan untuk merubah warna
teks pada halaman web adalah text=value
O .... Isi ....
Contoh :
ini adalah halaman web
7/23/2019 Format Teks x Tkj
7/13
10/2/20
FORMAT TEKSO Tag yang digunakan untuk melakukan
pengaturan teks:
O Ganti baris atau enter menggunakan tag
Tag Keterangan
Membuat huruf tebal (Bold)
Membuat huruf miring (italic)
Membuat huruf garis bawah (underline)
Membuat huruf dicoret (stikeout)
Latihan
7/23/2019 Format Teks x Tkj
8/13
10/2/20
Menentukan Ukuran Huruf dan
WarnaO Ukuran huruf sangat penting fungsinya dalam halaman web,
karena tidak mungkin sebuah halaman web mempunyai ukuran
huruf yang sama antara content (isi) dan judul.
O HTML menyediakan tag
O Atribut yang ada dalam
Atribut Value Keterangan
SIZE 1-7 Menentukan besar kecil karakter/ huruf, jika ingin
melanjutkan dengan ukuran lebih besar dapat
ditambahkan dengan tanda (+), contoh (+4)
COLOR RGB atau
huruf ASCII
Menentukan warna huruf/karakter
FACE Font Menentukan font yang digunakan
Contoh : arial, verdana, times new roman, dst...
Menentukan Ukuran Huruf danWarna
O Rumus tag HTML :
< font size = value color=warna face=huruf>
Contoh :
bentuk text
verdana berwarna merah
7/23/2019 Format Teks x Tkj
9/13
10/2/20
Ganti Baris & Menciptakan Garis
HorizontalO Dengan menggunakan HTML, dikenal tag untuk
melakukan ganti baris.
O Sebagai pembatas antara judul dan isi, dapat menggunakan
garis
O Dalam HTML disediakan sebuah tag yang berfungsi
menciptakan garis horizontal yaitu tag atau Horizontal
Row
Atribut Keterangan
Align Menentukan letak garis: center, lef t, rigth
Color Menentukan warna garis
Size Menentukan tebal garis
Width Menentukan u kuran ( panjang) garis
Ganti Baris & Menciptakan GarisHorizontal
Contoh :
Kuis Siapa Dia
7/23/2019 Format Teks x Tkj
10/13
10/2/20
PARAGRAF Dengan tag HTML dikenal tag untuk
mengganti baris dan
untuk ganti paragraf.
memberikan efek ganti baris sebanyak satu
baris, sedangkan
memberikan efek ganti dua
baris selanjutnya
Dalam elemen paragraph terdapat atribut
align=[left|center|right] yang berfungsi pengaturan
perataan paragraph.
LATIHAN
7/23/2019 Format Teks x Tkj
11/13
10/2/20
ODalam Html kita dapat membuat alamat
menggunakan tag,sintaks
penulisannya:
jalan Raya Langsep No.43,
Malang,
Jawa Timur,
Contoh Text Kimia : H2O, Perpangkatan
Tag Keterangan
text Huruf menjorok ke bawah
text Huruf menjorok ke atas
Contoh :
Manusia hidup membutuhkan air H 2 O, 4 (empat)
adalah hasil dari perpangkatan 2 2
7/23/2019 Format Teks x Tkj
12/13
10/2/20
LATIHAN
TULISAN BERKEDIP-KEDIP:
Contoh:
Teks
TULISAN BERJALAN:
Contoh:
Teks
7/23/2019 Format Teks x Tkj
13/13
10/2/20
Atribut Keterangan
scrolldelay="angka" mengatur jeda
scrollamount="angka" mengatur kecepatan pergerakan tulisan
Loop=angka pengulangan
width="lebar" Mengatur lebar media teks berjalan
direction="left/right/up/
down"mengatur arah pergerakan running text
bgcolor="warna" memberikan warna latar
behavior="scroll/slide/
alternate"
mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan
muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudianberhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing
dari ujung kembali ke ujung