นี่คือหน้าตาของเว็บเพจทั้งหมด ต่อไปจะเป็นการอธิบายในส่วนของโค้ด
โค้ดทั้งหมดมีดังนี้ จะอธิบายแบบแยกเป็นส่วนๆไปว่า ส่วนไหนคือโค้ดตรงไหน
ตามรูปแบบของการเขียน HTML แล้ว โค้ดเริ่มต้น จะต้องเป็นแบบนี้เสมอ
<!DOCTYPE html>
<html>
<head>
<title>ชื่อตรงนี้จะปรากฎอยู่ตรงแท็บด้านบนของเบราวเซอร์</title>
</head>
<body>
<h1>ส่วนนี้คือหัวข้อ จะกลายเป็นตัวหนาและมีขนาดใหญ่</h1>
<p>ส่วนนี้จะเป็นเนื้อหา ตัวอักษรมีขนาดปกติ</p>
</body>
</html>
<html>
<head>
<title>ชื่อตรงนี้จะปรากฎอยู่ตรงแท็บด้านบนของเบราวเซอร์</title>
</head>
<body>
<h1>ส่วนนี้คือหัวข้อ จะกลายเป็นตัวหนาและมีขนาดใหญ่</h1>
<p>ส่วนนี้จะเป็นเนื้อหา ตัวอักษรมีขนาดปกติ</p>
</body>
</html>
ดังที่เห็นในรูป เมื่อใส่ข้อความเข้าไปในส่วนของ title ข้อความส่วนนั้น จะปรากฎอยู่ตรงแท็บของเบราวเซอร์
จะเห็นว่า ข้อความที่อยู่ในส่วนของ <h1> จะเป็นตัวหนา และมีขนาดใหญ่ เพราะเป็นส่วนของหัวข้อนั่นเอง ส่วน <center> นั้น ทำให้ข้อความอยู่ตรงกึ่งกลาง และ </br> ทำให้ข้อความขึ้นบรรทัดใหม่
โดยเริ่มแรกนั้น เมื่อใส่ข้อความเป็นภาษาไทยลงไป เว็บจะไม่สามารถอ่านได้ จะได้ใส่โค้ดที่ช่วยให้เว็บสามารถอ่านฟอนต์ไทย ดังในภาพ
โค้ดส่วนนี้จะเป็นการกำหนดสีของพื้นหลัง จากโค้ดใส่คำว่า pink คือบ่งบอกว่าให้พื้นหลังเป็นสีชมพู
โค้ดส่วนนี้จะใช้ใส่รูปภาพต่างๆบนเว็บได้ โดยสามารถกำหนดขนาดได้ตามอัธยาศัย แต่ไฟล์รูปนั้นต้องอยู่ที่เดียวกับไฟล์ HTML และชื่อเดียวกัน รูปจึงจะปรากฎ
จากภาพจะเห็นว่า โค้ดที่อยู่ในส่วนของ <p> จะมีขนาดปกติ ซึ่งเป็นส่วนของเนื้อหา
โค้ดส่วนนี้จะสามารถแปะลิงค์ได้ เมื่อใส่ url เข้าไปแล้ว ลิงค์จะกลายเป็นสีฟ้า สามารถคลิกและเชื่อมต่อไปยังเว็บนั้นๆได้เลย หากคลิกไปแล้ว ลิงค์จะกลายเป็นสีม่วง ดังภาพ
จะเห็นว่าข้อความที่อยู่ในส่วนของ <b> จะกลายเป็นตัวหนา
จะเห็นว่าข้อความในส่วนนี้ มีการย่อหน้า โค้ดที่ใช้ในการย่อหน้าคือ <dd> โดยข้อความที่อยู่หลัง </dd> จะกลับมาขึ้นบรรทัดใหม่แบบปกติ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น