hello html by voratep
Aug0
หลังจากเขียนแต่ฝั่ง server มาสักระยะ ก็ต้องมาทำในส่วนของหน้าแสดงผลซึ้ง ตั้งใช้ความรู้ หลายเรื่องมากเช่น html css ajax jquery ซึ้งผก็ยังไม่มีความรู้เลย เลยต้องมาศึกษา เพิ่มหน่อย ตัวแรก ที่ต้องศึกษาเลย ก็คือ html เพราะเป็นพื้นฐานของอย่างอื่น ครับ งั้นเรามาทำความรู้จัก html แบบเร่งรัดกันครับ
html คือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์ ที่มีลักษณะเป็นภาษาในเชิงการบรรยายเอกสารไฮเปอร์มีเดีย
(Hypermedia Document Description Language) เพื่อนำเสนอเอกสารนั้น เผยแพร่ในระบบเครือข่าย เว็บ นั้นเองครับ มันมีโครงสร้างการเขียน
ที่อาศัยตัวกำกับ เรียกว่า แท็ก (Tag) ควบคุมการแสดงผลของข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมบราวเซอร์ (Browser)
Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < )
และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 อย่าง
เป็น tag เดี่ยว กับ tag เปิด /ปิด ดังนี้ครับ
tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส
Tag เปิด/ปิด เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash (/) นำหน้าคำสั่งใน Tag นั้นๆ
**แต่ html 5 เปลี่ยนมาให้เขียนในรูปแบบ Tag เปิด/ปิด ทั้งหมด ครับ
ต่อไปเรามาเรียนรู้คำสั่งที่จำเป็นต้องใช้ของมันกันครับ
Tag | คำอธิบาย |
---|---|
<!–…–> | กำหนดแสดงความคิดเห็น หรือ คอมเม้นต์ |
<! DOCTYPE> | กำหนดชนิดของเอกสาร |
<a> | กำหนดจุดยึด |
<abbr> | กำหนดคำย่อ |
<acronym> | กำหนดตัวย่อ |
<address> | ข้อมูลการติดต่อผู้เขียนกำหนดสำหรับเจ้าของ / ของเอกสาร |
<b> | กำหนดข้อความเป็นตัวหนา |
<big> | กำหนดตัวอักษรขนาดใหญ่ |
<blockquote> | กำหนดคำพูดยาว |
<body> | ตัวกำหนดของเอกสาร |
<br /> | กำหนดตัวแบ่งบรรทัดเดียว |
<button> | กำหนดกดปุ่ม |
<caption> | กำหนดคำอธิบายตาราง |
<center> | เลิก. เป็นศูนย์กลางกำหนดข้อความ |
<cite> | กำหนดการอ้างอิง |
<code> | กำหนดข้อความรหัสคอมพิวเตอร์ |
<col /> | คุณลักษณะที่กำหนดค่าสำหรับคอลัมน์อย่างน้อยหนึ่งในตาราง |
<colgroup> | กำหนดกลุ่มของคอลัมน์ในตารางสำหรับการจัดรูปแบบ |
<dd> | กำหนดรายละเอียดของคำในรายการคำจำกัดความ |
<del> | กำหนดลบข้อความ |
<dfn> | กำหนดคำนิยามคำ |
<dir> | เลิก. กำหนดรายการไดเรกทอรี |
<div> | ส่วนกำหนดในเอกสาร |
<dl> | กำหนดรายละเอียด |
<dt> | กำหนดระยะ (รายการ) ในรายการความละเอียด |
<em> | กำหนดในการเน้นข้อความ |
<fieldset> | กำหนดเส้นขอบรอบ ๆ องค์ประกอบในรูปแบบ |
<font> | เลิก. กำหนดตัวอักษรสีและขนาดของข้อความ |
<form> | กำหนดรูปแบบ HTML ในการเข้าของผู้ใช้ |
<frame /> | กำหนดหน้าต่าง (กรอบ) ใน frameset |
<frameset> | กำหนดชุดของเฟรม |
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> | HTML กำหนดหัวเรื่อง |
<head> | กำหนดข้อมูลเกี่ยวกับเอกสาร |
<hr /> | กำหนดเส้นแนวนอน |
<html> | กำหนดเอกสาร HTML |
<i> | กำหนดตัวเอียง |
<iframe> | กำหนดเฟรมแบบอินไลน์ |
<img /> | กำหนดภาพ |
<ins> | กำหนดแทรกข้อความ |
<isindex> | เลิก. กำหนดดัชนีค้นหาที่เกี่ยวข้องกับเอกสาร |
<label> | กำหนดป้ายชื่อสำหรับองค์ประกอบเข้า |
<li> | กำหนดรายการ |
<link /> | กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอก |
<meta /> | กำหนดข้อมูลเมตาเกี่ยวกับเอกสาร HTML |
<noframes> | กำหนดเนื้อหาสำรองสำหรับผู้ใช้ที่ไม่สนับสนุนการใช้เฟรม |
<noscript> | กำหนดเนื้อหาสำรองสำหรับผู้ใช้ที่ไม่สนับสนุนสคริปต์ฝั่งไคลเอนต์ |
<object> | กำหนดวัตถุฝังตัว |
<optgroup> | กำหนดกลุ่มของตัวเลือกที่เกี่ยวข้องกันในรายการให้เลือก |
<option> | กำหนดตัวเลือกในรายการเลือก |
<p> | กำหนดย่อหน้า |
<param /> | กำหนดพารามิเตอร์สำหรับวัตถุ |
<pre> | กำหนดจัดรูปแบบล่วงหน้าข้อความ |
<q> | กำหนดคำพูดสั้น ๆ |
<s> | เลิก. กำหนดตัวอักษรขีดทับ |
<script> | กำหนดสคริปต์ฝั่งไคลเอนต์ |
<select> | กำหนดรายการเลือก (รายการแบบหล่นลง) |
<small> | กำหนดตัวอักษรขนาดเล็ก |
<span> | ส่วนกำหนดในเอกสาร |
<strike> | เลิก. กำหนดตัวอักษรขีดทับ |
<strong> | กำหนดข้อความที่แข็งแกร่ง |
<style> | ข้อมูลสำหรับกำหนดรูปแบบเอกสาร |
<sub> | กำหนด subscripted ข้อความ |
<table> | กำหนดตาราง |
<tbody> | กลุ่มเนื้อหาตัวในตาราง |
<td> | กำหนดเซลล์ในตาราง |
<textarea> | กำหนดหลายสายการควบคุมการป้อนข้อความ |
<tfoot> | กลุ่มเนื้อหาส่วนท้ายในตาราง |
<th> | กำหนดส่วนหัวของเซลล์ในตาราง |
<thead> | กลุ่มเนื้อหาส่วนหัวในตาราง |
<title> | กำหนดชื่อเรื่องของเอกสาร |
<tr> | กำหนดแถวในตาราง |
<u> | เลิก. กำหนดขีดเส้นใต้ |
<var> | ส่วนกำหนดตัวแปรของข้อความ |
ครับ ตอนนี้เราก็ทราบคำสั่งพื้นฐานของ html แล้วน่ะครับ
Enjoy this article?
Consider subscribing to our RSS feed!
ไม่มีความเห็น
ยังไม่มีความเห็น