3.1 แท็ก html
หากคุณกำลังอ่านข้อความนี้ สันนิษฐานว่าในอนาคตคุณจะทำงานเป็น Java Developer หรือ Full Stack Java Developer คุณจะแทบไม่ได้เขียนเอกสาร HTML แต่ คุณ จะต้องอ่านบ่อยๆ นี่เป็นวิธีการทำงานของโลก ดังนั้นคุณต้องเข้าใจว่าเอกสาร HTML ถูกจัดเรียงอย่างไร
จุดเริ่มต้นของเอกสาร HTML คืออะไร? เอกสาร HTML แต่ละรายการมีโครงสร้างที่ประกอบด้วยแท็กที่ซ้อนกันสามแท็ก: html
, head
และ body
นี่คือตัวอย่างมาตรฐาน:
<!DOCTYPE html>
<html>
<head>
Service tags
</head>
<body>
Main document
</body>
</html>
ทุกสิ่งที่เบราว์เซอร์แสดงอยู่ในแท็กคู่body
(เนื้อหาเอกสาร) ภายในแท็กhead
คือแท็กที่มีบริการ / ข้อมูลเสริมสำหรับเบราว์เซอร์
นอกจากนี้ยังเป็นธรรมเนียม (ทางเลือก) ในการเขียนประเภทเอกสารที่จุดเริ่มต้นของเอกสาร - DOCTYPE
เพื่อให้ตัวแยกวิเคราะห์เข้าใจวิธีตีความข้อผิดพลาดได้ดีขึ้น เบราว์เซอร์จำนวนมากสามารถแสดงเอกสารที่เสียหายได้อย่างถูกต้อง
หรือ ในทางตรงกันข้ามXHTML = XML+HTML
มีมาตรฐานซึ่งมีกฎที่เข้มงวดมากกว่ากฎปกติ HTML
แต่ข้อมูลดังกล่าวจะเป็นประโยชน์กับคุณเมื่อคุณตัดสินใจเขียนเบราว์เซอร์ของคุณเอง หรืออย่างน้อยก็เป็นของคุณHTML-parser
เอง
3.2 แท็กส่วนหัว
ภายในแท็กhead
แท็กต่อไปนี้มักจะอยู่: title
, meta
, style
, ...
แท็ก<title>
ระบุชื่อของเอกสารที่แสดงในแท็บเบราว์เซอร์
แท็ก<meta>
ใช้เพื่อกำหนดข้อมูลบริการต่างๆ ตัวอย่างเช่น คุณสามารถช่วยให้เบราว์เซอร์เข้าใจการเข้ารหัสของเอกสาร HTML (มีข้อความล้วน หากคุณจำได้)
<html>
<head>
<title> Escape character</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
3.3 แท็ก body, p, b
แท็ก<body>
ประกอบด้วยข้อความ html ทั้งหมดที่เบราว์เซอร์จะแสดง แท็กที่ง่ายที่สุดสำหรับการแสดงเอกสารคือ: <h1>
, <p>
, <b>
,<br>
<h1>
- นี่คือแท็กคู่ ช่วยให้คุณสามารถตั้งชื่อหน้า / บทความของคุณได้ หากบทความของคุณยาวและคุณต้องการหัวข้อย่อย คุณสามารถใช้แท็กสำหรับกรณีนี้<h2>
และ<h3>
ต่อไปจนกว่า<h6>
ตัวอย่าง:
<body>
<h1>Cats</h1>
<h2> Description of cats</h2>
detailed description of cats
<h2> Origin of cats</h2>
Information about the origin of cats.
<h2> Cat paws</h2>
Huge article about the paws of cats
</body>
หากบทความของคุณมีขนาดใหญ่และคุณต้องการทำให้อ่านง่ายขึ้นโดยแบ่งเป็นย่อหน้า คุณจะต้องมีแท็กคู่ <p>
(จากคำว่า ย่อหน้า) สำหรับสิ่งนี้ เพียงห่อข้อความในแท็ก<p>
แล้ว</p>
เบราว์เซอร์จะแสดงเป็นย่อหน้าแยกต่างหาก
ความสนใจ! เบราว์เซอร์จะไม่สนใจการขึ้นบรรทัดใหม่และ/หรือการเว้นวรรคเพิ่มเติมในข้อความของคุณ หากคุณต้องการเพิ่มตัวแบ่งบรรทัด ให้ใส่แท็กเดียว<br>
(จาก บรรทัด br eak) ลงในข้อความ
ส่วนที่ดีที่สุดคือการเน้นข้อความเป็นตัวหนา หากคุณต้องการทำให้ข้อความเป็นตัวหนา ให้ห่อด้วยแท็ก<b>
</b>
(จากbเก่า)
GO TO FULL VERSION