Aku adalah teks tebal
Pada contoh diatas kita memberikan attribut style, yang berisi “fontweight:bold”. Maksudnya
adalah kita akan mengaplikasikan style bold pada teks yang diapit oleh tag <span></span>.
Pemberian style tidak hanya terbatas pada satu bagian saja. anda dapat memberikan beberapa style
sekaligus dengan memberi tanda pemisah berupa “;” untuk setiap style.
<span style=”fontweight:bold;textdecoration:underline;fontstyle:italic”>Aku
adalah teks tebal, bergaris bawah dan miring</span>
Output
Aku adalah teks tebal, bergaris bawah, dan miring
Pada contoh diatas kita menerapkan tiga style pada tag span. Dapat dilihat kalau setiap style
dipisahkan oleh titik koma. Intinya kita dapat memberikan banyak style sekaligus pada suatu tag.
Penerapan Teori Manipulasi Teks
1.Buka gedit/Notepad++
2.Ketik kode HTML berikut ini
1.<html>
2.<head>
3.<title>Manipulasi Teks</title>
4.</head>
5.<body>
6.<h1style="color:red;textdecoration:underline">PENGUMUMAN!</h1>
7.<spanstyle="color:#FF0000">
8.Barang siapa yang menemukan dompet saya, akan saya beri
9.<spanstyle="fontweight:bold;fontstyle:italic">
ISTRI, MOBIL, RUMAH dan
10.Segala SERTIFIKAT TANAH SAYA</span>DIJAMIN!!!.</span>
11.</body>
12.</html>
3.Simpan dengan nama manipulasiteks.html
4.Buka dengan browser anda
1.4 Hyperlink
Anda tentu sering melngklik gambar atau tulisan yang mengarah ke halaman lain atau website
lainnya. Yang anda klik itu adalah
hyperlink
atau lebih dikenal dengan istilah
link
saja. Untuk
membuat link kita dapat menggunakan tag <a></a>. Dua attribut yang paling sering digunakan
pada tag <a> adalah
href
dan
target
.
href
digunakan untuk menentukan lokasi tujuan dari link. Dapat berupa relatif URL atau absolut
URL.
target
digunakan untuk menentukan apakah halaman akan dibuka pada jendela/window baru atau
tidak. Defaultnya adalah
self
dimana link tidak dibuka pada window baru. Jika ingin membuka pada
window baru gunakan nilai
_blank
.
Untuk lebih memahami cara kerja link, kita akan membuat dua file yaitu
profilku.html
dan
daftar
situs.html
.
1.
Buka gedit/Notepad++
2.
Ketik kode berikut:
1.
<html>
2.
<head>
3.
<title>
Profil JSL
</title>
4.
</head>
5.
<body>
6.
<h2>
ProfilKu
</h2>
7.
<ul>
8.
<li><strong>
Nama Lengkap:
</strong>
John Septian Lennon
<li>
9.
<li><strong>
Tempat/Tgl. Lahir:
</strong>
Lipermboh, 14 September 1940
</li>
10.
<li><strong>
Pekerjaan:
</strong>
Rocker Jalanan
<li>
11.
<li><strong>
Wafat:
</strong>
Tewas tertembak oleh penggemar di depan
12.
kandang sapi pada 1980
</li>
13.
</ul>
14.
<p>
Ingin lihat daftar situs favorit saya?
<a
href
=
"daftarsitus.html"
>
15.
klik disini
</a>
.
</p>
16.
</body>
17.
</html>
3.
Simpan dengan nama
profilku.html
Tidak ada komentar:
Posting Komentar