บทที่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  ส่วนหัวเรื่อง
<h1> ชื่อเรื่อง ,ข้อข้อหลัก-ย่อย </h1>​

ส่วนที่ 2  ส่วนเนื้อหา

<p> เนื้อหาที่ต้องการ</p>
ส่วนที่ 3 สำหรับใส่ลิงค์

<a href="/ที่อยู่ลิงค์ เช่น www.mindphp.com">ข้อความที่สื่อถึงลิงค์ เช่น เข้าสู่เว็บไซต์ คลิกที่นี่ </a> ​
ส่วนที่4 สำหรับใส่รูปภาพ
<img src="/ชื่อภาพ เช่น cartoon.jpg" width="104" height="142"> ​

ในตัวอย่างนี้ ใส่ทั้งชื่อภาพ และขนาดของภาพด้วย นั้นคือกว้าง=104 สูง=142 มม.

**จะสังเกตว่าข้อความที่พิเศษ เป็นลักษณะเฉพาะ จะเขียนโค๊ดแบบ name="value" (name คือ คุณสมบัติที่ต้องการให้แสดง , value คือ ค่า เช่น ขนาดใหญ่-เล็ก ) เช่น width="104" หมายถึง ขนาดกว้าง 104 มม. เป้นต้น


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 15 กรกฎาคม 2556
โดย M007 จ 15 ก.ค. 2013 10:45 am บอร์ด M007 - นางสาวชาลินี เกษรรัตน์
3
18
จ 15 ก.ค. 2013 9:01 pm โดย M007 View Topic งานประจำวันที่ 15 กรกฎาคม 2556
งานประจำวันที่ 15 กรกฎาคม 2556
โดย M009 จ 15 ก.ค. 2013 10:13 am บอร์ด M009 - นายมารุต วิชญวรคุณ
1
8
จ 15 ก.ค. 2013 7:00 pm โดย M009 View Topic งานประจำวันที่ 15 กรกฎาคม 2556
แนะนำโปรแกรม FreeWare สำหรับไว้เช็ค Port ที่กำลังเปิดอยู่บน WinDows 7, XP
โดย mindphp อ 14 ก.ค. 2013 7:42 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1721
อ 14 ก.ค. 2013 7:42 pm โดย mindphp View Topic แนะนำโปรแกรม FreeWare สำหรับไว้เช็ค Port ที่กำลังเปิดอยู่บน WinDows 7, XP
[PHPBB] function แสดงสีระดับของ user
โดย M009 ส 13 ก.ค. 2013 5:57 pm บอร์ด Share Knowledge
0
731
ส 13 ก.ค. 2013 5:57 pm โดย M009 View Topic [PHPBB] function แสดงสีระดับของ user
[RC2] Password Generator JS ช่วยตั้ง password ด้วย jquery
โดย M009 ส 13 ก.ค. 2013 10:50 am บอร์ด PHPBB3.0 Mod Review
0
3024
ส 13 ก.ค. 2013 10:50 am โดย M009 View Topic [RC2] Password Generator JS ช่วยตั้ง password ด้วย jquery
งานประจำวันที่ 13 กรกฎาคม 2556
โดย M009 ส 13 ก.ค. 2013 10:38 am บอร์ด M009 - นายมารุต วิชญวรคุณ
1
10
ส 13 ก.ค. 2013 7:49 pm โดย M009 View Topic งานประจำวันที่ 13 กรกฎาคม 2556
งานประจำวันที่ 13 กรกฎาคม 2556
โดย M007 ส 13 ก.ค. 2013 10:04 am บอร์ด M007 - นางสาวชาลินี เกษรรัตน์
3
15
จ 15 ก.ค. 2013 10:22 am โดย mindphp View Topic งานประจำวันที่ 13 กรกฎาคม 2556
งานประจำวันที่ 12 กรกฎาคม 2556
โดย M009 ศ 12 ก.ค. 2013 9:58 am บอร์ด M009 - นายมารุต วิชญวรคุณ
2
10
ศ 12 ก.ค. 2013 7:10 pm โดย M009 View Topic งานประจำวันที่ 12 กรกฎาคม 2556