ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTML หัวเรื่อง


ส่วนหัวมีความสำคัญในเอกสาร HTML


HTML หัวเรื่อง

ส่วนหัวจะถูกกำหนดด้วย <h1> to <h6> แท็ก

<h1> กำหนดหัวข้อที่สำคัญที่สุด <h6> กำหนดหัวข้อสำคัญน้อยที่สุด

ตัวอย่าง

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
ลองตัวเอง»

Note: เบราว์เซอร์โดยอัตโนมัติเพิ่มบางพื้นที่ว่าง ( a margin ) ก่อนและหลังจากที่แต่ละหัวข้อ


ส่วนหัวมีความสำคัญ

ใช้หัว HTML สำหรับส่วนหัวเท่านั้น อย่าใช้หัวที่จะทำให้ข้อความ BIG หรือ bold

เครื่องมือค้นหาที่ใช้หัวของคุณเพื่อดัชนีโครงสร้างและเนื้อหาของหน้าเว็บของคุณ

ผู้ใช้สกิมหน้าเว็บของคุณโดยส่วนหัวของมัน มันเป็นสิ่งสำคัญที่จะใช้ส่วนหัวเพื่อแสดงโครงสร้างเอกสาร

h1 หัวควรจะเป็นหัวหลักตามด้วย h2 หัวแล้วมีความสำคัญน้อย h3 และอื่น ๆ


HTML กฎแนวนอน

<hr> แท็กสร้างเส้นแนวนอนในหน้าเว็บ HTML

องค์ประกอบชมสามารถนำมาใช้กับเนื้อหาเฉพาะกิจการ:

ตัวอย่าง

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
ลองตัวเอง»

ใช้ HTML <head> องค์ประกอบ

ใช้ HTML <head> องค์ประกอบมีอะไรจะทำอย่างไรกับส่วนหัวของ HTML

ใช้ HTML <head> องค์ประกอบที่มีข้อมูลเมตา ข้อมูล meta จะไม่แสดง

ใช้ HTML <head> องค์ประกอบที่วางอยู่ระหว่าง <html> แท็กและ <body> แท็ก:

ตัวอย่าง

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
ลองตัวเอง»

ข้อมูล meta หมายถึงข้อมูลเกี่ยวกับข้อมูล HTML ข้อมูล meta คือข้อมูลเกี่ยวกับเอกสาร HTML


ใช้ HTML <title> ธาตุ

ใช้ HTML <title> องค์ประกอบข้อมูล meta มันกำหนดชื่อเอกสาร HTML ของ

ชื่อจะไม่ปรากฏในเอกสาร แต่อาจจะมีการแสดงในเบราว์เซอร์แท็บ


ใช้ HTML <meta> ธาตุ

ใช้ HTML <meta> องค์ประกอบยังเป็นข้อมูล meta

มันสามารถนำมาใช้ในการกำหนดชุดตัวอักษรและข้อมูลอื่น ๆ เกี่ยวกับเอกสาร HTML


เพิ่มเติม Meta องค์ประกอบ

ในบทที่เกี่ยวกับรูปแบบ HTML ที่คุณค้นพบองค์ประกอบ meta เพิ่มเติมได้ที่:

ใช้ HTML <style> องค์ประกอบที่จะใช้ในการกำหนดสไตล์ชีท CSS ภายใน

ใช้ HTML <link> องค์ประกอบที่จะใช้ในการกำหนดสไตล์ชีท CSS ภายนอก


เคล็ดลับ HTML - วิธีการดูที่มา HTML

คุณเคยเห็นหน้าเว็บและสงสัยว่า "Hey! How did they do that?"

เพื่อหา, คลิกขวาในหน้าเว็บและเลือก "View Page Source" (ใน Chrome) หรือ "View Source" (in IE) หรือที่คล้ายกันในเบราเซอร์อื่น นี้จะเปิดหน้าต่างที่มีรหัส HTML ของหน้าเว็บ


ทดสอบตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»


อ้างอิงแท็ก HTML

w3ii' อ้างอิงแท็กมีข้อมูลเพิ่มเติมเกี่ยวกับแท็กเหล่านี้และคุณลักษณะของพวกเขา

คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับแท็กและแอตทริบิวต์ในบทต่อไปของการกวดวิชานี้

แท็ก ลักษณะ
<html> กำหนดเอกสาร HTML
<body> กำหนดร่างกายของเอกสาร
<head> กำหนดองค์ประกอบหัวของเอกสาร
<h1> to <h6> กำหนดหัวเรื่อง HTML
<hr> กำหนดเส้นแนวนอน