Latest web development tutorials
×

HTML หลักสูตร

HTML หลักสูตร HTML แนะนำโดยย่อ HTML บรรณาธิการ HTML รากฐาน HTML ธาตุ HTML คุณสมบัติ HTML พาดหัว HTML ย่อหน้า HTML จัดรูปแบบข้อความ HTML ลิงค์ HTML หัว HTML CSS HTML ภาพ HTML ตาราง HTML รายการ HTML กลุ่ม HTML แบบ HTML ฟอร์ม HTML กรอบ HTML สี HTML ชื่อสี HTML ค่าสี HTML ต้นฉบับ HTML หน่วย Character HTML URL HTML รายการที่รวดเร็ว HTML ย่อ บทนำ XHTML

HTML5

HTML5 หลักสูตร HTML5 สนับสนุนเบราว์เซอร์ HTML5 องค์ประกอบใหม่ HTML5 Canvas HTML5 inline SVG HTML5 MathML HTML5 ลากและวาง HTML5 สถานที่ตั้งทางภูมิศาสตร์ HTML5 วีดีโอ(Video) HTML5 ความถี่คลื่นเสียน(Audio) HTML5 Input ชนิด HTML5 องค์ประกอบของแบบฟอร์ม HTML5 คุณสมบัติของฟอร์ม HTML5 องค์ประกอบความหมาย HTML5 Web หน่วยความจำ HTML5 Web SQL HTML5 แอพลิเคชันแคช HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 ทดสอบ HTML(5)ข้อมูลจำเพาะรหัส

HTML สื่อ

HTML สื่อ(Media) HTML วิดเจ็ต HTML ความถี่คลื่นเสียน(Audio) HTML เครื่องเล่นวีดีโอ(Videos) HTML ตัวอย่าง

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

HTML รายการแท็ก(ตามลำดับตัวอักษร) HTML รายการแท็ก(ฟังก์ชั่นการจัดเรียง) HTML คุณสมบัติ HTML เหตุการณ์ HTML ผ้าใบ HTML ความถี่คลื่นเสียน/วีดีโอ HTML มีประสิทธิภาพ DOCTYPES HTML ชื่อสี HTML ตัวเลือกสี HTML ชุดอักขระ HTML ASCII HTML ISO-8859-1 HTML สัญญลักษณ์ HTML URL การเข้ารหัส HTML รหัสภาษา HTTP ข่าว HTTP ทาง แป้นพิมพ์ลัด

รู้เบื้องต้นเกี่ยวกับ HTML

ตัวอย่าง HTML

<! DOCTYPE html> <html> <head> <Meta charset = "UTF-8"> <title> กวดวิชานี้ (w3big.com) </ title> </ head> <body> <h1> ชื่อแรกของฉัน </ h1> <p> วรรคแรกของฉัน </ p> </ body> </ html>

ลอง»

ตัวอย่างของการวิเคราะห์

  • DOCTYPE ประเภทของเอกสารประกาศ
  • ตั้งอยู่แท็ก <html> และ </ html> อธิบายชนิดของเอกสาร
  • ตั้งอยู่แท็ก <body> และ </ body> เพื่อให้มองเห็นเนื้อหาเว็บ
  • ตั้งอยู่แท็ก <h1> และ </ h1> จะใช้เป็นชื่อเรื่อง
  • แท็กตั้งอยู่ <p> และ </ p> จะปรากฏเป็นวรรค
โคมไฟ <! DOCTYPE html> HTML5 ยังอธิบายไว้ในประเภทเอกสาร


HTML คืออะไร?

HTML เป็นภาษาที่ใช้อธิบายหน้า

  • HTML หมายHTML: H yper T ต่อ M arkup Language
  • HTML ไม่ได้เป็นการเขียนโปรแกรมภาษาแต่ภาษามาร์กอัป
  • ภาษามาร์กอัปเป็นชุดของแท็กมาร์กอัป (แท็กมาร์กอัป)
  • HTMLใช้แท็กมาร์กอัปที่จะอธิบายหน้าเว็บ
  • เอกสาร HTMLมีแท็ก HTML และเนื้อหาข้อความ
  • เอกสาร HTMLที่เรียกว่าหน้าเว็บ

แท็ก

แท็กมาร์กอัป HTML ปกติจะเรียกว่าแท็ก (แท็ก)

  • แท็กคือคำหลักที่ล้อมรอบด้วยวงเล็บมุมเช่น <html>
  • แท็ก HTML ปกติมาเป็นคู่เช่น <b> และ </ b>
  • แท็กแท็กแรกคือแท็กเริ่มต้นแท็กที่สองคือแท็กสิ้นสุด
  • เริ่มต้นและสิ้นสุดแท็กจะเรียกว่า open-label และแท็กปิด
<Tag> เนื้อหา </ แท็ก>


องค์ประกอบ HTML

"แท็ก" และ "องค์ประกอบ HTML" มักจะอธิบายความหมายเหมือนกัน

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

องค์ประกอบ HTML:

<p> นี้เป็นวรรค </ p>


เว็บเบราเซอร์

เว็บเบราเซอร์ (เช่น Google Chrome, Internet Explorer, Firefox, Safari) คือการอ่านไฟล์ HTML และการแสดงผลเป็นเว็บเพจ

เบราว์เซอร์ไม่ได้โดยตรงแสดงแท็ก HTML, แต่คุณสามารถใช้ฉลากเพื่อกำหนดวิธีการแสดงเนื้อหาของหน้าเว็บ HTML ให้กับผู้ใช้:


ผลการค้นหาเว็บ HTML

นี่คือโครงสร้างหน้าเว็บ HTML ภาพ:

<html>
<head>
<title> ชื่อหน้า </ title>
</ head>
<body>
<h1> นี่คือหัวข้อ </ h1>
<p> นี้เป็นวรรค </ p>
<p> นี้เป็นวรรคอื่น </ p>
</ body>
</ html>

หมายเหตุ เพียง <body> ภาค (ส่วนสีขาว) จะแสดงในเบราว์เซอร์


HTML รุ่น

จากวันแรกหลังคลอดของอินเทอร์เน็ตมีได้หลายรุ่นของ HTML:

版本 发布时间
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013


<! DOCTYPE> ประกาศ

<! DOCTYPE> ประกาศจะช่วยให้เบราว์เซอร์เพื่อแสดงหน้าได้อย่างถูกต้อง

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

ประกาศ DOCTYPE ไม่ได้เป็นกรณีที่มีความสำคัญวิธีการดังต่อไปนี้สามารถ:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

ข้อความทั่วไป

HTML5

<! DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ดูหน้าเต็มรูปแบบประเภทคำสั่ง ด้วยตนเอง DOCTYPE อ้างอิง


การเข้ารหัสจีน

ขณะนี้อยู่ในเบราว์เซอร์ส่วนใหญ่โดยตรงการส่งออกของจีนจะเป็นภาษาจีนอ่านไม่ออกในครั้งนี้เราจะต้องมีที่หัวของตัวละครการประกาศให้เป็น UTF-8

ตัวอย่าง HTML

<! DOCTYPE html> <html> <head> <Meta charset = "UTF-8"> <title> ชื่อหน้า </ title> </ head> <body> <h1> ชื่อแรกของฉัน </ h1> <p> วรรคแรกของฉัน </ p> </ body> </ html>

ลอง»