PENGENALAN PERANCANGAN WEB
1.
Singkatan (Akronim)
Untuk menuliskan suatu
dokumen atau beberapa istilah kita terkadang menggunakan singkatan (akronim).
Untuk menuliskan singkatan, ada tag html yang di gunakan yaitu Tag
<abbr> dan Tag <acronym). Tag tersebut digunakan untuk
menyimpan data kepanjangan dari suatu singkatan yang ditampilkan dalam dokumen
tersebut. Atribut yang digunakan yaitu title. Sintaks penulisannya :
Ketika menggunakan tag diatas, maka pada saat mouse pointer kita berada diatas
singkatan tersebut yang di tampilkan di browser web, maka kepanjangan dari
singkatan tersebut akan di tampilkan mengambang di atasnya.
<abbr
title=“kepanjangannya”>singkatan</abbr>
<acronym
title=“kepanjangannya”>singkatan</acronym>
2.
Address
Alamat (address) merupakan salah satu elemen yang umum di dalam suatu dokumen.
Untuk membuat alamat pada dokumen html di sediakan secara khusus yaitu Tag
<address>. Dengan adanya tag ini maka penulisan alamat dapat di
standarkan. Secara default tag <address> akan menampilkan teks di
sebalah kiri, untuk di sebelah kanan menggunakan atribut dir=”rtl”. Sintaks
penulisannya :
<address>alamat
anda</address>
3.
Arah Teks
Secara lazim untuk teks
kita membacanya dari kiri ke kanan (left to right – ltr). Di html ada tag yang
digunakan untuk mengubah penulisan teks dari kanan ke kiri (right to left –
rtl). Tag yang digunakan yaitu Tag <bdo> bidirectional override
merupakan tag yang digunakan untuk mendefinisikan arah penulisan teks. Atribut
yang digunakan dir. Sintaks penulisannya : <bdo
dir="rtl">Teks yang mau di arahkan</bdo>
4.
Teks yang Disisipkan atau
Dihapus
Dalam menulis artikel web
kita bisa mengkoreksi teks yang di tuliskan dengan menggunakan tag
<ins> dan tag <del>. Tag tersebut kita bisa megkoreksi
hasil pekerjaan dengan menyisipkan atau menghapus. Tag <ins> memberikan
tanda untuk sisipan dengan membuat teks di garis bawah. Sedangkan Tag
<del> bukan menghapus teks tetapi mengkoreksi pekerjaan dengan
memberikan garis tengah horizontal pada teks yang dihapus. Sintaks
penulisannya : Satu tahun adalah <del>lima belas</del>
<ins>dua belas</ins> bulan
5.
Font
Dengan tag <font>
anda bisa menentukan format tampilan font dalam document HTML seperti
color, size, style dan lainnya. Di bawah ini atribut yang bisa digunakan untuk
tag font diantaranya sebagai berikut:
5.1 Ukuran Font
Atribut
size digunakan untuk mengatur ukuran
font. Nilai font dimulai dengan nilai 1 untuk ukuran huruf terkecil dan nilai 7
untuk ukuran paling besar atau +1 untuk ukuran huruf terkecil dan nilai +6
untuk ukuran paling besar.
5.2 Jenis Font
Atribut
face digunakan untuk mengatur jenis
huruf yang diinginkan. Atribut face harus diisi dengan string jenis font
seperti: Arial, Times New Roman, Verdana, Courier New, Courier, monospace dan
lain sebagainya
5.3 Warna Font
Atribut
color digunakan untuk mengatur warna
font yang diinginkan. Untuk memberi nilai pada atribut color ada dua cara,
yaitu: Dengan menyebutkan nama warna seperti red, green dan blue. Dengan
menggunakan nilai RGB (Red Green Blue) dari satu warna misalnya: #FF0000 untuk
red, #00FF00 untuk green dan #0000FF untuk Blue. Sintaks penulisannya :
<font
size="1">Ukuran Font</font><br>
<font
face="arial">Jenis Font</font><br>
<font
color="blue">Warna Font</font>
6.
Link HTML
Dokumen HTML menggunakan
hyperlink (anchor) untuk menghubungkan kepada dokumen lain. Dokumen ini bisa
berupa teks dan / atau gambar yang saling menghubungkan menuju ke dokumen atau
bagian lain dalam suatu dokumen. Browser web akan menyorot teks atau gambar
yang di identifikasi sebagai link dengan warna atau garis bawah untuk
menunjukkan bahwa itu adalah hyperteks link sering di singkat hyperlink atau
link saja.
6.1
Tag Anchor
Tag <a> untuk
membuat suatu link kepada dokumen lain dalam web. Atribut pada tag <a>
diantaranya: atribut href="uri" untuk mendefinisikan
lokasi link, atribut name="name" untuk mendefinisikan nama
link, dan atribut target="_blank"|"_parent"|"_top"|"_self"
untuk _blank akan membuka pada window baru, _parent/_top
akan keluar dari frame, _self akan tetap di window browser.
Sintaks penulisannya :
Link html terdapat 3 jenis yaitu diantaranya sebagai berikut:
<a href="http://www.amikom.ac.id"
target="_blank" name="web amikom">Link web Amikom
</a>
Link Relatif
Dibuat apabila anda membuat suatu link pada page anda ke page lain
pada komputer yang sama, tidak memerlukan menggunakan alamat internet yang
lengkap. Jika kedua page pada direktori yang sama, anda dapat menuliskan nama
file html sebagai berikut:
Link Absolut
Dibuat apabila anda membuat link ke page web lain yang berada pada
web site lain di internet. Dalam hal ini anda harus menuliskan alamat internet
secara lengkap. Berikut adalah contohnya:
Link ke Bagian Lain dalam Dokumen
Link jenis ini dibuat apabila untuk dokumen yang panjang sekali,
sehingga apabila di tampilkan dalam browser web akan mengharuskan kita
melakukan scroll layar berulang-ulang. Navigasi untuk penelusuran dokumen dapat
dimudahkan dengan membuat link antarbagian, dengan menandai setiap bagian
tersebut dengan memberinya nama. Sehingga pada beberapa tempat di dalam dokumen
akan ada bagian yang bernama, dan dibagian lainnya dapat diletakkan link untuk
menuju bagian-bagian tersebut. Sintaks penulisannya :
<a href="#tujuan">Link asal</a>
Artikel bebas
.
.
.
<a name="tujuan">Posisi tujuan</a>
Artikel bebas
.
.
.
6.2 Link Mailto
Mailto digunakan untuk membuat
link pada suatu pesan mail (tidak akan bisa bekerja jika mail client tidak
terpasang).
REFERENSI Sidik, Betha dan Pohan, I.
Husni. (2011). Pemrograman Web dengan HTML disertai lebih dari 200 contoh
program beserta tampilan grafisnya. Bandung: Informatika. Arief, M. R.
(2011). Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta:
Andi Offset.
0 komentar:
Posting Komentar