D.Percobaan
B. PENGATURAN TEKS
1. Penggunaan <PRE>
untuk menampilkan text apa adanya.
Coding :
Tanpa menggunakan tag <PRE>
Hasil :
Hasil Tanpa menggunakan tag <PRE>
Analisa : Yang menggunakan tag <PRE>
·
Pada baris ke6 kita dapat melihat penggunaaan text
<h2> merupakan heading. Yang berfungsi sebagai judul.
·
Pada baris ke 7 kita dapat melihat penggunaan text
<PRE> yang berfungsi untuk menampilkan text sesuai dengan format aslinya.
Tidak menggunakan <PRE>
·
Lihat pada hasil tampilan html yang tidak menggunakan
tag<PRE>, tampilannya tidak terlihat seperti aslinya.
C.
Menampilkan daftar Item List.
1. Penggunaan tag <DL>, <DT>, <DD> untuk
menampilkan daftar khusus dengan tampilan menjorok ke kanan.
Coding :
Hasil
·
Pada baris ke 6 menggunakan tag <b></b> itu
berfungsi untuk bolt huruf.
·
Pada baris ke 7 sampai 12 menggunakan tag <dl>
menunjukkan sebuah description list(daftar penjelasan) digunakan bersamaan
<dt>sebagai penunjuk istilah dan <dd> sebagai penjelasan dari
istilah tersebut. Ini akan memberikan efek pada daftar khusus <dd>
menjorok kekanan.
D.Menampilkan
Gambar.
1.Penggunaan <body background>untuk menampilkan
background dan <img src> untuk menampilkan gambar.
Coding :
Hasil :
Analisa :
·
Pada baris ke 5
<body
background="Photo1.jpg"> merupakan untuk menampilkan
background di laman web berbeda dengan menampilkan image. Ditampilan background
menampilkan image link dalam web page tersebut namun tampilan gambarnya sejauh mana
ada paragraph di tersebut .
·
Pada baris ke 8
<IMG SRC= "Photo1.jpg"ALIGN="MIDDLE">
merupakan penampilan gambar berformat JPG dengan perataan gambar bersifat
middle.
2.Pengaturan ukuran gambar dengan atribut
Height dan weight, serta penggunaan atribut Border untuk memberikan bingkai
gambar.
Coding :
Hasil :
Analisa :
·
Pada baris ke 7
sampai 10 kita melakukan pengaturan ukuran gambar menggunakan atribut Widht dan
height dengan mengambil foto file Photo1.jpg yang telah kita edit di Photoshop
atau aplikasi yang biasa digunakan.
E. Penggunaan Tabel
2. pengunaan sel dengan tag
<rowspan> dan <colspan>
a.
coding :
Hasil
:
Analisa
:
·
Pengunaan tag
<rowspan> adalah untuk membuat sel. Coba lihat pada baris ke 10
<rowspan digunakan pada <td
ROWSPAN="3">Jawa Tengah </td> maka terbentuklah menjadi
lebar dan bergabung beberapa kolom tergantu banyaknya yang dispan menjadi satu,
sehinga satu unit kolom atau row menjadi lebih lebar. Seperti pada Jawa tengah.
b. coding :
hasil:
Analisa :
·
Pada baris ke
10 <th colspan="2">Area :
Jawa Tengah </th> merupakan penggunaan rowspan yang berfunsi untuk
menggabungkan beberapa kotak kesamping. Disini kita menggunakn colspan =2 maka
barisan pertama akan menjadi gabungan 2 kolom.
3.Pengaturan jarak dalam Tabel
Coding :
Hasil
:
Analisa
:
·
Pada baris 6
dalam tag <table> disitu ada
pengaturan cellspacing dengan maksud untuk mengatur jarak bagian sel terhadap
tepi dalam bingkai table. Dan juga ada cellpading yang bertujuan untuk mengatur
jarak teks terhadap tepi kiri.
6.Kesimpulan
Dalam materi 2 html ini banyak terdapat
tag-tag yang lebih berfariasi. Dan membuat lebih mengerti html yang akan kita
gunakan. Pembuatan Html adalah awal dari dasar mempelajari untuk pembuatan web atau aplikasi berbasis html. email adalah salah satu contoh penggunaan bahasa pemograman HTML
7. Daftar Pustaka
Do this hack to drop 2lb of fat in 8 hours
BalasHapusAt least 160,000 women and men are losing weight with a easy and SECRET "water hack" to lose 1-2 lbs each night while they sleep.
It's very easy and works on everybody.
This is how to do it yourself:
1) Grab a clear glass and fill it up half the way
2) Proceed to use this proven hack
and be 1-2 lbs lighter as soon as tomorrow!