ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่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 มม. เป้นต้น


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ส่งข้อมูลให้หน้า web ทำยังไง
โดย oae08 อ 25 ส.ค. 2019 10:54 pm บอร์ด Programming - PHP
1
5
จ 26 ส.ค. 2019 12:36 am โดย mindphp
โชคลาภเพิ่มพูนปลูกไม้มงคลในบ้าน
โดย Pattita Dumrongsappakit อ 25 ส.ค. 2019 6:35 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
อ 25 ส.ค. 2019 6:35 pm โดย Pattita Dumrongsappakit
How To การทำเว็บ
โดย Veerawat Tanjaroen อ 25 ส.ค. 2019 3:56 pm บอร์ด JavaScript & Jquery Ajax
0
12
อ 25 ส.ค. 2019 3:56 pm โดย Veerawat Tanjaroen
คำสั่ง Copy ฐานข้อมูล Duplicate Database MySQL
โดย mindphp อ 25 ส.ค. 2019 3:55 pm บอร์ด SQL Knowledge
0
5
อ 25 ส.ค. 2019 3:55 pm โดย mindphp
VDO - สคลิปการอัดวีดีโอ&วีดีโอ tool_videotogif - โปรแกรมแปลงวีดีโอเป็นรูปภาพแบบ GIF
โดย jirawoot ส 24 ส.ค. 2019 6:12 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
5
ส 24 ส.ค. 2019 6:12 pm โดย jirawoot
การใช้ functions_user เพื่อเพิ่มข้อมูล user ใน phpbb
โดย Ittichai_chupol ส 24 ส.ค. 2019 6:00 pm บอร์ด PHP Knowledge
0
12
ส 24 ส.ค. 2019 6:00 pm โดย Ittichai_chupol
Google Photos สามารถค้นหาหาข้อความในรูปภาพได้แล้ว
โดย jamepiyawat ส 24 ส.ค. 2019 5:39 pm บอร์ด Share Knowledge
0
16
ส 24 ส.ค. 2019 5:39 pm โดย jamepiyawat
วิธี ตรวจสอบ DNS nameserver แบบง่ายๆ
โดย aninthana ส 24 ส.ค. 2019 3:33 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
27
ส 24 ส.ค. 2019 3:33 pm โดย aninthana
วิธีประมาณการรายได้-ค่าใช้จ่ายครึ่งปีหลัง มีวิธีประมาณการยังไง
โดย EyePornnipa ส 24 ส.ค. 2019 3:19 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
28
ส 24 ส.ค. 2019 3:45 pm โดย Amp_Audit
มีวิธีกำหนดภาพ เป็นแนวนอนไหมครับ แล้วก็ ถ้าภาพเกิน 4 ภาพให้ลงมาอีกบรรทัดนึงครับ
โดย Patipat ส 24 ส.ค. 2019 1:53 pm บอร์ด HTML CSS
2
26
ส 24 ส.ค. 2019 2:18 pm โดย Patipat
Q - ทำไมหน้าตั้งค่าของ MDFiles Categories ใช้งานไม่ได้ครับ
โดย Patipat ส 24 ส.ค. 2019 11:31 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
14
ส 24 ส.ค. 2019 11:31 am โดย Patipat
ใบสำคัญที่กรมสรรพากรยอมรับ มีอะไรบ้าง
โดย EyePornnipa ส 24 ส.ค. 2019 11:21 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
28
ส 24 ส.ค. 2019 11:36 am โดย Amp_Audit
งานประจำวันที่ 24 สิงหาคม 2562
โดย Patipat ส 24 ส.ค. 2019 10:25 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
7
ส 24 ส.ค. 2019 7:32 pm โดย Patipat
งานประจำวันที่ 24 สิงหาคม 2562
โดย jamepiyawat ส 24 ส.ค. 2019 10:19 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
1
10
ส 24 ส.ค. 2019 7:21 pm โดย jamepiyawat
งานประจำวันที่ 24 สิงหาคม 2562
โดย EyePornnipa ส 24 ส.ค. 2019 10:10 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
3
22
ส 24 ส.ค. 2019 9:13 pm โดย EyePornnipa
งานประจำวันที่ 24 สิงหาคม 2562
โดย jirawoot ส 24 ส.ค. 2019 10:03 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
4
ส 24 ส.ค. 2019 7:24 pm โดย jirawoot
งานประจำวันที่ 24 สิงหาคม 2562
โดย aninthana ส 24 ส.ค. 2019 9:50 am บอร์ด M092 - อนินธนา บุญยัง
2
22
ส 24 ส.ค. 2019 6:01 pm โดย aninthana
เขียนรายละเอียดของคำถาม
โดย พิ๊แบงค์ซ๊า ศ 23 ส.ค. 2019 11:03 pm บอร์ด Programming - PHP
0
12
ศ 23 ส.ค. 2019 11:03 pm โดย พิ๊แบงค์ซ๊า
ประเภทหน้ารายงานงบการเงิน
โดย EyePornnipa ศ 23 ส.ค. 2019 6:30 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
11
ส 24 ส.ค. 2019 2:10 pm โดย EyePornnipa
Android Q ได้ชื่อใหม่แล้ว ไม่ใช่ชื่อขนม แต่เป็น "Android 10" มีเปลี่ยนโลโก้ด้วย
โดย aninthana ศ 23 ส.ค. 2019 5:49 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
17
ศ 23 ส.ค. 2019 5:49 pm โดย aninthana