home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

พื้นฐาน HTML

ไฮเปอร์เท็กซ์หมายถึงวิธีที่เว็บเพจ (เอกสาร HTML) เชื่อมโยงเข้าด้วยกัน ดังนั้น ลิงก์ที่มีอยู่ในหน้าเว็บจึงเรียกว่าไฮเปอร์เท็กซ์ ตามชื่อของมัน HTML เป็นภาษามาร์กอัป ซึ่งหมายความว่าคุณใช้ HTML เพื่อ "มาร์กอัป" เอกสารข้อความที่มีแท็กที่บอกเว็บเบราว์เซอร์ถึงวิธีการจัดโครงสร้างให้แสดง ย่อมาจาก Hypertext Markup Language และเป็นภาษาที่ใช้กันอย่างแพร่หลายที่สุดในการเขียนเว็บเพจ

HTML5 เป็นการแก้ไขครั้งสำคัญครั้งต่อไปของมาตรฐาน HTML แทนที่ HTML 4.01, XHTML 1.0 และ XHTML 1.1 HTML5 เป็นมาตรฐานสำหรับการจัดโครงสร้างและนำเสนอเนื้อหาบนเวิลด์ไวด์เว็บ มาตรฐานใหม่นี้รวมเอาคุณลักษณะต่างๆ เช่น การเล่นวิดีโอและการลากและวาง ซึ่งก่อนหน้านี้ต้องอาศัยปลั๊กอินของเบราว์เซอร์ของบุคคลที่สาม เช่น Adobe Flash, Microsoft Silverlight และ Google Gears

HTML Doctype

เมื่อใดก็ตามที่คุณสร้างเอกสาร HTML doctype จะเป็นสิ่งแรกที่วางไว้ในเอกสาร มันสื่อถึงเว็บเบราว์เซอร์เกี่ยวกับเวอร์ชันของ HTML หน้านี้ถูกเขียนขึ้น ไม่คำนึงถึงขนาดตัวพิมพ์

ประเภทเอกสาร HTML5

<!DOCTYPE html>

การเข้ารหัสอักขระ HTML

แอตทริบิวต์ชุดอักขระใน HTML ใช้กับ เพื่อระบุการเข้ารหัสอักขระ

ต่อไปนี้เป็นไวยากรณ์ -

<meta charset="char_set">

ด้านบน char_set คือชุดอักขระเพื่อระบุการเข้ารหัสอักขระของเอกสาร HTML

เรามาดูตัวอย่างการระบุการเข้ารหัสอักขระ −

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
</head>
<body>
<h2>Example</h2>
<p>We have added demo text:<p>
<textarea rows = "4" cols = "50">
Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document.
</textarea><br>
<button type = "button">Previous</button>
<button type = "button">Next</button>
</body>
</html>

ผลลัพธ์

พื้นฐาน HTML

หัวข้อ HTML

เอกสารใด ๆ เริ่มต้นด้วยหัวเรื่อง คุณสามารถใช้ขนาดต่างๆ สำหรับส่วนหัวของคุณได้ HTML ยังมีส่วนหัว 6 ระดับ ซึ่งใช้องค์ประกอบ

,

,

,

,

และ
ขณะแสดงหัวข้อใดๆ เบราว์เซอร์จะเพิ่มหนึ่งบรรทัดก่อนหน้าและหนึ่งบรรทัดหลังจากหัวข้อนั้น

องค์ประกอบ HTML

องค์ประกอบ HTML ถูกกำหนดโดยแท็กเริ่มต้น หากองค์ประกอบมีเนื้อหาอื่น องค์ประกอบจะลงท้ายด้วยแท็กปิด โดยที่ชื่อองค์ประกอบนำหน้าด้วยเครื่องหมายทับ

แอตทริบิวต์ HTML

แอตทริบิวต์ใช้เพื่อกำหนดลักษณะขององค์ประกอบ HTML และวางไว้ภายในแท็กเปิดขององค์ประกอบ คุณลักษณะทั้งหมดประกอบด้วยสองส่วน ได้แก่ ชื่อและค่า ตัวอย่างเช่น −

<canvas id=”newCanvas” width=”400” height=”300”>

ตัวอย่างอื่นๆ ได้แก่ −

<img alt = ”alternate text”>

ไม่จำเป็นต้องใส่เครื่องหมายคำพูดรอบแอตทริบิวต์ ตามมาตรฐาน HTML5 แต่ควรใส่เครื่องหมายคำพูดด้วยเสมอ

การจัดรูปแบบ HTML

การจัดรูปแบบหมายถึงวิธีที่เราสามารถจัดรูปแบบข้อความบนหน้าเว็บในรูปแบบ HTML ประกอบด้วยข้อความตัวหนา ตัวเอียง ข้อความขีดฆ่า ไฮไลต์ข้อความ ฯลฯ มาดูตัวอย่างกัน −

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Tags for formatting text in HTML</h2>
<strong>Strong text</strong><br>
<b>Bold text</b><br>
<em>Emphasized text</em><br>
<i>Italic Text</i><br>
<mark>Highlighted text</mark>
</body>
</html>

ผลลัพธ์

พื้นฐาน HTML

ความคิดเห็น HTML

ความคิดเห็น HTML อยู่ระหว่างแท็ก ดังนั้น เนื้อหาใดๆ ที่อยู่ในแท็ก จะถือเป็นความคิดเห็นและเบราว์เซอร์จะไม่สนใจเนื้อหาทั้งหมด