บทที่ 2 html introduction
TRANSCRIPT
![Page 1: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/1.jpg)
HTML Introduction
เรยบเรยงโดย ชายด าคอมพวเตอร
![Page 2: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/2.jpg)
What is HTML?
HTML คออะไร ?
HTML เปนภาษามารกอปส าหรบการอธบายเอกสารเวบ (หนาเวบ หรอ เวบเพจ).
* HTML ยอมาจาก Hyper Text Markup Language
* ภาษามารกอปเปนชดของแทกมารกอป
* เอกสาร HTML จะมการอธบายโดยการใชแทก
* แตละแทกจะอธบายเนอหาของเอกสารทแตกตางกน
![Page 3: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/3.jpg)
HTML Example<!DOCTYPE html><html><head>
<title> Page Title </title></head>
<body><h1> My First Heading </h1><p> My first paragraph. </p>
</body></html>
![Page 4: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/4.jpg)
Example Explained อธบายตวอยางโคดดานบน
* ประกาศ DOCTYPE ก าหนดประเภทเอกสารทจะเปน HTML* ขอความทอยระหวาง <html> และ </ html> อธบายเอกสาร HTML* ขอความทอยระหวาง <head> และ </ head> ใหขอมลเกยวกบเอกสาร* ขอความทอยระหวาง <title> และ </ title> ใหชอของเอกสาร* ขอความทอยระหวาง <body> และ </ body> อธบายเนอหาของหนาเวบทมองเหนได* ขอความทอยระหวาง <h1> และ </ h1> อธบายหวขอ* ขอความทอยระหวาง <p> และ </ p> อธบายวรรค!--- การใชค าอธบายน เวบเบราเซอรสามารถแสดงขอความทมในสวน heading และ
paragraph
![Page 5: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/5.jpg)
Web Browsers
ผลลพธ ในเวบบราวเซอร
![Page 6: บทที่ 2 html introduction](https://reader031.vdocuments.pub/reader031/viewer/2022030210/58a6478c1a28ab6e368b507f/html5/thumbnails/6.jpg)
HTML Page Structure โครงสราง HTML