HTML Documents
Semua dokumen HTML mestilah bermula dengan mengisytihar jenis dokumen.
<!DOCTYPE html>.
dan selepas itu isi dokumen itu sendiri akan dimulai dengan <html> dan diakhiri dengan </html>.
bahagian yang akan kelihatan pada pelayar web adalah di antara <body> dan </body>.
contoh
<!DOCTYPE html> <---- pengisytiharan jenis dokumen
<html> <---- pemula dokumen html
<body> <---- pemula isi kandungan
<h1>My First Heading</h1> <-- isi yang bakal terpapar
<p>My first paragraph.</p> <-- isi
</body> <---- penutup isi kandungan
</html> <---- penutup dokumen html
<html> <---- pemula dokumen html
<body> <---- pemula isi kandungan
<h1>My First Heading</h1> <-- isi yang bakal terpapar
<p>My first paragraph.</p> <-- isi
</body> <---- penutup isi kandungan
</html> <---- penutup dokumen html
HTML Headings
Headings ditakrifkan dengan tag <h1> hingga <h6>, Dimana <h1> adalah tajuk utama (besar) dan <h6> adalah tajuk atau sub tajuk (kecil).
contoh
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4><html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
</body>
</html>
HTML Paragraphs
Paragraf atau baris ditakrifkan dengan tag <p> dan diakhiri dengan </p> bagi setiap baris perkataan yang akan dipaparkan
contoh
<!DOCTYPE html>
<html>
<body>
<html>
<body>
<p>Ini adalah Paragraph.</p>
<p>Ini adalah satu lagi paragraf lain.</p>
<p>Ini adalah satu lagi paragraf lain.</p>
</body>
</html>
</html>
HTML Links
Untuk mewujudkan link didalam page, <a> adalah takrifan untuk mewujudkan link
contoh
<!DOCTYPE html>
<html>
<body>
<html>
<body>
<a href="http://laguniler.blogspot.com">Ini adalah link</a>
</html>
destinasi link dinyatakan didalam atribut href. Atribut adalah penyataan untuk maklumat tambahan tentang eliment HTML.
HTML Images
Untuk memasukkan imej gambar adalah dengan tag < img> dengan maklumat atribut tambahan seperti "punca fail/ source file" = src , "text alternatif / alternative text" = alt, "lebar" = width , "tinggi" = hight.
contoh
<!DOCTYPE html>
<html>
<body>
<html>
<body>
<img src="test.jpg" alt="laguniler" width="104" height="142">
</body>
</html>
0 ulasan:
Catat Ulasan