HTML adalah singkatan untuk "Hypertext Markup Language" atau "Bahasa Penandaan Hiperteks" dalam Bahasa Melayu.
Ia adalah bahasa yang digunakan untuk memberi struktur kepada laman web, menandakan elemen-elemen seperti teks, imej, pautan, dan banyak lagi. HTML bekerja dengan menggunakan "tag" yang memberitahu penyemak imbas web bagaimana untuk menampilkan kandungan yang anda ingin paparkan kepada pengguna.
Jadi, mari kita mula dengan memahami struktur asas dokumen HTML dan bagaimana anda boleh menggunakan tag untuk membina laman web yang asas.
Untuk menulis tajuk dalam laman sesawang kita, kita gunakan <head><title>.......</title></head>
1) Permulaan tag HTML
Semua Kod HTML bermula dengan perkataan
<html>
dan berakhir dengan
</html>
2) Penulisan tajuk dalam laman sesawang
Untuk menulis tajuk dalam laman sesawang kita, kita gunakan
<head><title>.......</title></head>
Contoh:
<head>
<title> Ini adalah laman web saya </title>
</head>
3) Mereka bentuk badan laman sesawang
Tag <body> ...... </body> digunakan untuk mereka bentuk badan laman sesawang.
4) Penulisan ayat di dalam badan laman sesawang
Untuk menghasilkan tulisan dengan saiz yang paling besar, kita letakkan <header><h1> ........... </h1></header>
Contoh tulisan yang dihasilkan:
HELLO
Untuk menghasilkan tulisan dengan saiz yang paling kecil, kita letakkan <header><h6>............</h6></header>
Contoh tulisan yang dihasilkan:
HELLO
Untuk menulis ayat dalam bentuk perenggan, kita gunakan <p>.......</p>
Contoh:
<p> Selamat Sejahtera</p>
5) Penulisan teks di ruang baharu
Untuk menulis teks di barisan yang baharu dalam perenggan, kita gunakan line breaker <br>
Contoh:
<p>Hai semua<br> Inilah barisan<br>yang baharu</p>
6) Pemasukkan imej ke dalam laman sesawang
<img src='link laman sesawang'>
Kalau nak menentukan panjang dan lebar imej itu:
<img src='link laman sesawang' style="width:128px;height:128px;">
7) Membentuk Frame dalam laman sesawang
Menentukan tinggi Frame:
<iframe height='40%'></iframe>
Maksud kod: memastikan ketinggian frame adalah 40% daripada keseluruhan laman sesawang
Menentukan tinggi dan lebar frame:
<iframe height='40%' width='30%'></iframe>
Maksud kod: memastikan ketinggian frame adalah 40% daripada keseluruhan laman sesawang dan kelebaran frame adalah 30% daripada keseluruhan laman sesawang
8) Menulis hyperlink dalam laman sesawang
<a href="https://www.mohe.gov.my/en/">Laman Web KPT Malaysia</a>
Maksud kod: Apabila menekan perkataan Laman Web KPT Malaysia pada laman sesawang, anda akan dihantarkan kepada link tersebut.
Konten Tambahan
Berikut adalah beberapa tambahan konten untuk laman web anda:
9) Senarai Tak Tertib
- Elemen 1
- Elemen 2
- Elemen 3
10) Senarai Tertib
- Elemen 1
- Elemen 2
- Elemen 3
11) Jadual
| Column 1 | Column 2 |
|---|---|
| Data 1 | Data 2 |
| Data 3 | Data 4 |
12) Penulisan Kod Sumber
Jika anda ingin menunjukkan kod sumber dalam laman web anda, gunakan tag <code> untuk menandakannya.
Contoh:
<code> <p> Ini adalah teks kod </p> </code>
No comments:
Post a Comment