format teks x tkj

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


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


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...


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)


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 ....


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/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


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


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


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


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


12/13

10/2/20

LATIHAN

TULISAN BERKEDIP-KEDIP:

Contoh:

Teks

TULISAN BERJALAN:

Contoh:

Teks


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

format teks x tkj

Documents