Mengenal HTML lebih dekat

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 :
 <abbr title=“kepanjangannya”>singkatan</abbr>
<acronym title=“kepanjangannya”>singkatan</acronym>


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.

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 :

<a href="http://www.amikom.ac.id" target="_blank" name="web 

amikom">Link web Amikom </a>

Link html terdapat 3 jenis yaitu diantaranya sebagai berikut: 

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

CONTOH:

<!DOCTYPE html> 

<html> 

 <head> 

 <title>Contoh Penggunaan Link Relatif</title> 

 </head> 

 <body> 

Anda ingin melihat format font pada latihan5.html, silahkan klik 

<a href="latihan5.html">link berikut</a>. 

</body> 

</html>

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

<!DOCTYPE html> 

<html> 

 <head> 

 <title>Contoh Penggunaan Link Absolut</title> 

 </head> 

 <body> 

Anda ingin mengunjungi situs resmi amikom. Silahkan klik <a 

href="http://www.amikom.ac.id">link berikut</a>. 

</body> 

</html>

3. LINK KE BAGIAN LAIN

CONTOH:

<a href="#tujuan">Link asal</a> 

Artikel bebas 

. 

. 

. 

<a name="tujuan">Posisi tujuan</a> 

Artikel bebas 

. 

. 

.