Cara Manipulasi Font dan Link di HTML - Website Pemula 2

Author - Ivank Panzoel Zeve November 09, 2018

Website Pertamaku

Font dan Link - Cara manipulasi tulisan di dalam HTML adalah dengan menggunakan tag "<font></font>" , tapi tag ini tidak sesederhana itu karena di dalamnya masih banyak atribut yang bisa digunakan yang mempunyai peranan penting dalam menentukan tampilan teks.

Manipulasi Font

Atribut	Keterangan
name	Untuk menentukan jenis huruf yang digunakan
size	Untuk menentukan ukuran huruf
color	Untuk menentukan warna huruf

Contoh di bawah ini akan membuat teks menggunakan huruf Arial dengan ukuran 18pt dan warnanya kuning. Untuk kodenya seperti ini :

<font name="Arial" size="5" color="yelow"> Tulisan disini </font>

Untuk size 3 sama dengan 12pt, 4 sama dengan 14pt dan 5 sama dengan 18pt,

Jika ingin membuat teks tebal, miring dan garis bawah cukup apit teks tersebut menggunakan tag seperti contoh di bawah ini:

<b><i><u> Teks disini </b></i></u>

Selain cara di atas ada juga <h1></h1>,<h2></h2> digunakan untuk menapilkan heading.

Manipulasi Link

Anda pasti pernah mengklik suatu tulisan atau gambar pada website dan pindah ke halaman lainnya, untuk membuat itu kita akan menggunakan tag <a></a> yang juga mempunyai atribut, berikut daftar attribut pada tag a.

Atribut	Keterangan
href	Halaman website yang akan dituju
target	Dibuka untuk window baru atau tidak
style	Penambahan CSS
class	Nama class yang di panggil
name	Nama dari link

Contoh penerapan cara manipulasi Link di website:

<html>
<head><title>Manipulasi link</title>
</head>
<body>
Silahkan klik link dibawah ini:
<a href="pertama.html"> ini adalah halaman pertama</a><br>
<a href="pertama.html" target="_blank">ini adalah halaman pertama</a> (buka windows baru)
</body>
</html>

Silakan simpan dengan nama font_link.html dan buka di browser anda. Selamat mencoba.
Semoga bermanfaat.

vanszeve

Cara Manipulasi Font dan Link di HTML - Website Pemula 2

Menu Halaman Statis