Pertemuan ke III
Saya akan mengulang kembali pada pertemuan ke 3
Singkatan (Akronim)
<abbr title=“kepanjangannya”>singkatan</abbr>
<acronym title=“kepanjangannya”>singkatan</acronym>
Kalau mouse kita diletakkan di atasnya maka akan nampak kepanjangannya.
Contoh :
<html>
<head>
<title>Contoh Penggunaan Akronim</title>
</head>
<body>
<abbr title="World Wide Web">WWW</abbr>adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink)yang membentuk samudra belantara informasi.
<head>
<title>Contoh Penggunaan Akronim</title>
</head>
<body>
<abbr title="World Wide Web">WWW</abbr>adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink)yang membentuk samudra belantara informasi.
<br>
<acronym title="Hyper Text Transfer Protocol">HTTP</acronym> adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW).
</body>
</html>
<acronym title="Hyper Text Transfer Protocol">HTTP</acronym> adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW).
</body>
</html>
3.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>
address.html
<html>
<head>
<title>Contoh Penggunaan Address</title>
</head>
<body>
<address>
STMIK AMIKOM Yogykarta<br />
Kampus Terpadu: Jl.Ring Road Utara<br />
Condong Catur<br />
Sleman<br />
Yogyakarta
</address>
</body>
</html>
3.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>
arah_teks.html
<html>
<head>
<title>Contoh Penggunaan BDO</title>
</head>
<body>
<bdo dir="rtl">
STMIK AMIKOM Yogykarta<br />
Jurusan :<br />
S2 Megister Teknik Informatika<br />
S1 Teknik Informatika<br />
S1 Sistem Informasi<br />
D3 Teknik Informatika<br />
D3 Manajemen Informatika
</bdo>
</body>
</html>
3.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
Contoh:
<html>
<head>
<title>Contoh Penggunaan INS & DEL</title>
</head>
<body>
Budi membeli perlengkapan kuliah diantarnya sebagai berikut: <br>
1. Buku tulis Rp.10.000<br>
2. ballpoint pen Rp.15000<br>
3. stabilo Rp.5000 <br>
Total pembeliannya adalah <del>40.000</del> <ins>30.000</ins>
</body>
</html>
3.5. Link HTML
Menghubungkan html 1 dengan html yang lainnya, dengan cara <a href="(nama file html beserta .html)">
<html>
<head>
<title>Menyambungkan HTML</title>
</head>
<body>
Anda ingin melihat contoh penggunaan akronim, silahkan klik <a href="akronim.html">link berikut</a>.
</body>
</html>
3.5.1.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:
Contoh:
<html>
<head>
<title>Contoh Penggunaan Link Absolut</title>
</head>
<body>
Ini alamat FB Sigit Budi <a href="http://www.facebook.com/cigetbudi2">KLIK SINI</a>.
</body>
</html>
<head>
<title>Contoh Penggunaan Link Absolut</title>
</head>
<body>
Ini alamat FB Sigit Budi <a href="http://www.facebook.com/cigetbudi2">KLIK SINI</a>.
</body>
</html>
3.6. Tag Marquee
Marque adalah tag untuk menggerakkan text atau gambar dengan cara tag <marquee>
Contoh:
...
<marquee> TEK INI AKAN BERGERAK </marquee>
0 komentar: