บทที่3 ตัวอย่างการเขียนภาษา HTML
การทำข้อความเป็นลิงค์ โค้ดสำหรับ สร้างลิงค์ และข้อความ
<!DOCTYPE html>
<html>
<body>
<h1>หัวข้อใหญ่</h1>
<h1>หัวข้อย่อย1</h1>
<h2>หัวข้อย่อย2</h2>
<h3>หัวข้อย่อย3</h3>
<p>ส่วนเนื้อหา</p>
<p>เนื้อหาส่วนย่อย</p>
<a href="http://www.mindphp.com/">ลิงค์</a>
<img src="/w3schools.jpg" width="104" height="142">
</body>
</html>
เมื่อรันโค๊ดแล้วจะได้ผลลัพธ์ดังรูป
ส่วนที่ 1 ส่วนหัวเรื่อง
|
ส่วนที่ 2 ส่วนเนื้อหา
|
ส่วนที่ 3 สำหรับใส่ลิงค์
|
ส่วนที่4 สำหรับใส่รูปภาพ
ในตัวอย่างนี้ ใส่ทั้งชื่อภาพ และขนาดของภาพด้วย นั้นคือกว้าง=104 สูง=142 มม. |
**จะสังเกตว่าข้อความที่พิเศษ เป็นลักษณะเฉพาะ จะเขียนโค๊ดแบบ name="value" (name คือ คุณสมบัติที่ต้องการให้แสดง , value คือ ค่า เช่น ขนาดใหญ่-เล็ก ) เช่น width="104" หมายถึง ขนาดกว้าง 104 มม. เป้นต้น