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

ตัวอย่าง

ดูตัวอย่างออนไลน์

<title> - กำหนดชื่อของเอกสาร HTML
การใช้งาน <title> แท็กกำหนดส่วนหัวของเอกสาร HTML

<ฐาน> - กำหนด URL ทั้งหมดที่เชื่อมโยง
ใช้ลิงก์ <ฐาน> เพื่อกำหนดหน้าเริ่มต้นทั้งหมดที่อยู่เชื่อมโยงเป้าหมาย

<meta> - ให้แท็ก meta ของเอกสาร HTML
ใช้ <meta> องค์ประกอบที่จะอธิบายรายละเอียดเอกสาร HTML คำสำคัญ, ผู้เขียน, ชุดตัวอักษรและอื่น ๆ


HTML <head>

<head> องค์ประกอบที่มีทุกองค์ประกอบฉลากส่วนหัว ในส่วน <head> องค์ประกอบที่คุณสามารถแทรกสคริปต์ (สคริปต์) ไฟล์สไตล์ (CSS) และความหลากหลายของข้อมูลเมตา

คุณสามารถเพิ่มในภูมิภาคหัวของแท็กองค์ประกอบ: <title> <style> <meta>, <ลิงก์>, <script> <noscript> และ <ฐาน>


HTML <title> องค์ประกอบ

<title> tag กำหนดชื่อของเอกสารที่แตกต่างกัน

<title> ในเอกสาร HTML / XHTML เป็นต้อง

<title> องค์ประกอบ:

  • มันกำหนดแถบเครื่องมือเบราว์เซอร์ชื่อ
  • เมื่อเพิ่มให้กับหน้ารายการโปรดแสดงชื่อในรายการโปรด
  • แสดงชื่อในหน้าผลการค้นหา

เอกสาร HTML ง่าย:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>


HTML <ฐาน> องค์ประกอบ

<ฐาน> แท็กอธิบายถึงเป้าหมายที่อยู่ลิงก์ / link พื้นฐานฉลากเป็นแท็กเอกสาร HTML การเชื่อมโยงการเชื่อมโยงทั้งหมดเริ่มต้น:

<head>
<ฐาน href = "http://www.w3big.com/images/" target = "_ blank">
</ head>


HTML <link> องค์ประกอบ

<link> tag กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอก

<link> แท็กโดยทั่วไปจะใช้เชื่อมโยงไปยังแผ่นรูปแบบ:

<head>
<link rel = "สไตล์ชีต" type = "text / css ที่" href = "mystyle.css">
</ head>


HTML element <style>

<style> แท็กกำหนดไฟล์เอกสารรูปแบบ HTML ที่อยู่อ้างอิง

ใน element <style> คุณจะต้องระบุไฟล์รูปแบบที่จะทำให้เอกสาร HTML:

<head>
<ชนิด style = "text / CSS">
body {สีพื้นหลัง: สีเหลือง}
P {สี: สีฟ้า}
</ style>
</ head>


HTML <meta> องค์ประกอบ

เมตาแท็กอธิบายบางส่วนเมตาดาต้าพื้นฐาน

<Meta> แท็กให้เมตาดาต้า. Metadata จะไม่แสดงบนหน้าเว็บ แต่จะได้รับการแก้ไขเบราว์เซอร์

ล่าสุด Meta องค์ประกอบการแก้ไขมักจะใช้เพื่อระบุรายละเอียดหน้าคำหลักไฟล์, ผู้เขียน, และข้อมูลอื่น ๆ

เมตาดาต้าที่สามารถนำมาใช้ในเบราว์เซอร์ (วิธีการแสดงเนื้อหาหรือโหลดหน้าเว็บ) เครื่องมือค้นหา (คำหลัก) หรือบริการเว็บอื่น ๆ

<Meta> จะถูกวางไว้โดยทั่วไปใน <head>

<Meta> Tag - ใช้กรณี

คำหลักที่กำหนดไว้สำหรับเครื่องมือค้นหา:

<ชื่อ Meta = "คำหลักเนื้อหา" = "HTML, CSS, XML, XHTML, JavaScript">

ความหมายอธิบายเนื้อหาของหน้า:

<ชื่อ Meta = "คำอธิบายเนื้อหา" = "Web บทเรียนฟรีใน HTML และ CSS">

บนหน้าเว็บที่กำหนดเอง:

<Meta name = "ผู้เขียน" content = "Hege Refsnes">

ทุก 30 วินาทีเพื่อรีเฟรชหน้าปัจจุบัน:

<Meta http-equiv = "Refresh" content = "30">


HTML <script> องค์ประกอบ

<script> แท็กที่ใช้ในการโหลดไฟล์สคริปต์เช่น JavaScript

<script> องค์ประกอบที่จะอธิบายในรายละเอียดในส่วนต่อไปนี้


องค์ประกอบหัว HTML

ฉลาก ลักษณะ
<head> มันกำหนดเอกสารข้อมูล
<title> มันกำหนดชื่อของเอกสาร
<ฐาน> กำหนดเชื่อมโยงหน้าเริ่มต้นเชื่อมโยงป้ายชื่อที่อยู่
<link> มันกำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอกระหว่าง
<meta> มันกำหนดข้อมูลเมตาของเอกสาร HTML
<script> มันกำหนดแฟ้มสคริปต์ลูกค้า
<style> สไตล์ไฟล์กำหนดเอกสาร HTML