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 รายการด่วน. คุณสามารถพิมพ์เพื่อเตรียมความพร้อมสำหรับการใช้งานในชีวิตประจำวัน


เอกสาร HTML พื้นฐาน

<! DOCTYPE html> <html> <head> <title> ชื่อเรื่องของเอกสาร </ title> </ head> <body> ข้อความที่มองเห็น ... </ body> </ html>

แท็บขั้นพื้นฐาน (Basic แท็ก)

<h1> ชื่อที่ใหญ่ที่สุด </ h1> <h2> ... </ h2> <h3> ... </ h3> <H4> ... </ H4> <H5> ... </ H5> <H6> หัวข้อที่เล็กที่สุด </ h6> <p> นี้เป็นวรรค </ p> <br> (อาหารเส้น) <hr> (แนวนอน) <! - นี่เป็นความเห็น ->

จัดรูปแบบข้อความ (รูปแบบ)

<b> ตัวหนา </ b> <code> รหัสคอมพิวเตอร์ </ code> <em> เน้นข้อความ </ em> <I> ตัวเอียง </ i> <Kbd> แป้นพิมพ์ </ kbd> <pre> ข้อความที่จัดรูปแบบ </ pre> <small> ข้อความที่มีขนาดเล็ก </ small> <strong> ข้อความสำคัญ </ strong> <abbr> (ตัวย่อ) <address> (ข้อมูลการติดต่อ) <BDO> (ทิศทางข้อความ) <blockquote> (จากส่วนอ้างอิงแหล่งอื่น) <cite> (ชื่อการทำงาน) <Del> (ข้อความที่ถูกลบ) <ins > (ข้อความแทรก) <sub> (ข้อความห้อย) <sup> (ข้อความยก)

การเชื่อมโยง (ลิงค์)

ลิงค์กัน: <a href = "http://www.example.com/"> ข้อความลิงค์ </ A> การเชื่อมโยงภาพ: <a href = "http://www.example.com/"> <img src = "URL" alt = "ข้อความแทนที่"> </ A> จดหมาย Link: <a href = "mailto: [email protected]"> ส่ง Email </ A> Bookmark: <a id = "เคล็ดลับ"> เคล็ดลับส่วน </ a> <a href = "#tips"> ข้ามเคล็ดลับส่วน </ a>

รูปภาพ (ภาพ)

<img src = "URL" alt = "แทนที่ข้อความ" height = "42" width = "42">

สไตล์ / บล็อก (สไตล์ / ส่วน)

<style type = "text / CSS">
H1 {สี: สีแดง ;} P {สี: สีฟ้า ;}
</ style> <div> องค์ประกอบระดับบล็อกในเอกสาร </ div> <span> องค์ประกอบแบบอินไลน์เอกสาร </ span>

รายการเรียงลำดับ

<ul> <li> รายการ </ li> <li> รายการ </ li> </ ul>

รายการสั่งซื้อ

<ol> <li> แรก </ li> <li> รายการที่สอง </ li> </ ol>

รายการนิยาม

<Dl> <Dt> รายการที่ 1 </ dt> <dd> ขึ้นรายละเอียดสินค้า 1 </ dd> ขึ้น <Dt> รายการที่ 2 </ dt> <dd> ขึ้นรายละเอียดรายการที่ 2 </ dd> ขึ้น </ ดล>

ตาราง (ตาราง)

<table border = "1"> <tr> <Th> ส่วนหัวของตาราง </ TH> <Th> ส่วนหัวของตาราง </ TH> </ tr> <tr> <td> ข้อมูลตาราง </ td> <td> ข้อมูลตาราง </ td> </ tr> </ table>

กรอบ (Iframe)

<iframe src = "demo_iframe.htm"> </ iframe>

แบบฟอร์ม (ฟอร์ม)

<form การกระทำ = "demo_form.php" method = "โพสต์ / รับ"> <input type = "ข้อความ" name = "อีเมล" size = "40" MAXLENGTH = "50"> <input type = "รหัสผ่าน"> <input type = "ช่องทำเครื่องหมาย" ตรวจสอบ = "การตรวจสอบ"> <input type = "วิทยุ" ตรวจสอบ = "การตรวจสอบ"> <input type = "ส่ง" value = "ส่ง"> <input type = "ตั้งค่า"> <input type = "ซ่อน"> <เลือก> <ตัวเลือก> แอปเปิ้ล </ option> <option เลือก = "เลือก"> กล้วย </ option> <option> เชอร์รี่ </ option> </ เลือก> <textarea name = "แสดงความคิดเห็น" แถว = "60" cols = "20"> </ textarea> </ form>

เอนทิตี้ (หน่วยงาน)

& lt; เทียบเท่ากับ <& gt; เทียบเท่ากับ> & # 169; เทียบเท่ากับ©