แสดงบทความที่มีป้ายกำกับ html แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ html แสดงบทความทั้งหมด

29 ต.ค. 2555

Tag ต่าง ๆ ที่ใช้ใน HTML


Tag ต่าง ๆ ที่ใช้ใน HTML

TagคำอธิบายDTD
<!--...-->กำหนดแสดงความคิดเห็น หรือ คอมเม้นต์STF
<! DOCTYPE>กำหนดชนิดของเอกสารSTF
<a>กำหนดจุดยึดSTF
<abbr>กำหนดคำย่อSTF
<acronym>กำหนดตัวย่อSTF
<address>ข้อมูลการติดต่อผู้เขียนกำหนดสำหรับเจ้าของ / ของเอกสารSTF
<area />กำหนดพื้นที่ภายในภาพแผนที่STF
<b>กำหนดข้อความเป็นตัวหนาSTF
<base />กำหนดที่อยู่เริ่มต้นหรือค่าเริ่มต้นกำหนดเป้​​าหมายสำหรับการเชื่อมโยงทั้งหมดในหน้าSTF
<bdo>กำหนดทิศทางของข้อความSTF
<big>กำหนดตัวอักษรขนาดใหญ่STF
<blockquote>กำหนดคำพูดยาวSTF
<body>ตัวกำหนดของเอกสารSTF
<br />กำหนดตัวแบ่งบรรทัดเดียวSTF
<button>กำหนดกดปุ่มSTF
<caption>กำหนดคำอธิบายตารางSTF
<center>เลิก. เป็นศูนย์กลางกำหนดข้อความTF
<cite>กำหนดการอ้างอิงSTF
<code>กำหนดข้อความรหัสคอมพิวเตอร์STF
<col />คุณลักษณะที่กำหนดค่าสำหรับคอลัมน์อย่างน้อยหนึ่งในตารางSTF
<colgroup>กำหนดกลุ่มของคอลัมน์ในตารางสำหรับการจัดรูปแบบSTF
<dd>กำหนดรายละเอียดของคำในรายการคำจำกัดความSTF
<del>กำหนดลบข้อความSTF
<dfn>กำหนดคำนิยามคำSTF
<dir>เลิก. กำหนดรายการไดเรกทอรีTF
<div>ส่วนกำหนดในเอกสารSTF
<dl>กำหนดรายละเอียดSTF
<dt>กำหนดระยะ (รายการ) ในรายการความละเอียดSTF
<em>กำหนดในการเน้นข้อความSTF
<fieldset>กำหนดเส้นขอบรอบ ๆ องค์ประกอบในรูปแบบSTF
<font>เลิก. กำหนดตัวอักษรสีและขนาดของข้อความTF
<form>กำหนดรูปแบบ HTML ในการเข้าของผู้ใช้STF
<frame />กำหนดหน้าต่าง (กรอบ) ใน framesetF
<frameset>กำหนดชุดของเฟรมF
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>HTML กำหนดหัวเรื่องSTF
<head>กำหนดข้อมูลเกี่ยวกับเอกสารSTF
<hr />กำหนดเส้นแนวนอนSTF
<html>กำหนดเอกสาร HTMLSTF
<i>กำหนดตัวเอียงSTF
<iframe>กำหนดเฟรมแบบอินไลน์TF
<img />กำหนดภาพSTF
<input />กำหนดควบคุมการป้อนข้อมูลSTF
<ins>กำหนดแทรกข้อความSTF
<isindex>เลิก. กำหนดดัชนีค้นหาที่เกี่ยวข้องกับเอกสารTF
<kbd>กำหนดแป้นพิมพ์ข้อความSTF
<label>กำหนดป้ายชื่อสำหรับองค์ประกอบเข้าSTF
<legend>กำหนดคำอธิบายสำหรับองค์ประกอบ fieldsetSTF
<li>กำหนดรายการSTF
<link />กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอกSTF
<map>กำหนดรูป - mapSTF
<menu>เลิก. กำหนดรายการเมนูTF
<meta />กำหนดข้อมูลเมตาเกี่ยวกับเอกสาร HTMLSTF
<noframes>กำหนดเนื้อหาสำรองสำหรับผู้ใช้ที่ไม่สนับสนุนการใช้เฟรมTF
<noscript>กำหนดเนื้อหาสำรองสำหรับผู้ใช้ที่ไม่สนับสนุนสคริปต์ฝั่งไคลเอนต์STF
<object>กำหนดวัตถุฝังตัวSTF
<ol>กำหนดรายการสั่งซื้อSTF
<optgroup>กำหนดกลุ่มของตัวเลือกที่เกี่ยวข้องกันในรายการให้เลือกSTF
<option>กำหนดตัวเลือกในรายการเลือกSTF
<p>กำหนดย่อหน้าSTF
<param />กำหนดพารามิเตอร์สำหรับวัตถุSTF
<pre>กำหนดจัดรูปแบบล่วงหน้าข้อความSTF
<q>กำหนดคำพูดสั้น ๆSTF
<s>เลิก. กำหนดตัวอักษรขีดทับTF
<samp>กำหนดรหัสคอมพิวเตอร์ตัวอย่างSTF
<script>กำหนดสคริปต์ฝั่งไคลเอนต์STF
<select>กำหนดรายการเลือก (รายการแบบหล่นลง)STF
<small>กำหนดตัวอักษรขนาดเล็กSTF
<span>ส่วนกำหนดในเอกสารSTF
<strike>เลิก. กำหนดตัวอักษรขีดทับTF
<strong>กำหนดข้อความที่แข็งแกร่งSTF
<style>ข้อมูลสำหรับกำหนดรูปแบบเอกสารSTF
<sub>กำหนด subscripted ข้อความSTF
<sup>กำหนด superscripted ข้อความSTF
<table>กำหนดตารางSTF
<tbody>กลุ่มเนื้อหาตัวในตารางSTF
<td>กำหนดเซลล์ในตารางSTF
<textarea>กำหนดหลายสายการควบคุมการป้อนข้อความSTF
<tfoot>กลุ่มเนื้อหาส่วนท้ายในตารางSTF
<th>กำหนดส่วนหัวของเซลล์ในตารางSTF
<thead>กลุ่มเนื้อหาส่วนหัวในตารางSTF
<title>กำหนดชื่อเรื่องของเอกสารSTF
<tr>กำหนดแถวในตารางSTF
<tt>ข้อความที่กำหนดตัวพิมพ์ดีดSTF
<u>เลิก. กำหนดขีดเส้นใต้TF
<ul>กำหนดรายชื่อไม่เรียงลำดับSTF
<var>ส่วนกำหนดตัวแปรของข้อความSTF
<xmp>เลิก. กำหนดข้อความที่จัดรูปแบบล่วงหน้า

มาทำความรู้จักกับ HTML กันครับ


รู้จักกับ HTML

HTML (ชื่อเต็มคือ Hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปที่ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) สำหรับภาษา SGML ในปัจจุบัน HTML เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรม ที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน
HTML ยังคงเป็นรูปแบบไฟล์อย่างหนึ่ง สำหรับ .html และ สำหรับ .htm ที่ใช้ในระบบปฏิบัติการที่รองรับ รูปแบบนามสกุล 3 ตัวอักษร
ที่มาของ HTML
ภาษา HTML ถือกำเนิดขึ้นมาจากความพยายามที่จะแลกเปลี่ยนข้อมูลข่าวสารต่าง ๆ ในโลกของ Internet นี่แหล่ะครับ ซึ่งก็เป็น ที่ทราบกันอยู่แล้วนะครับว่า ในโลกของ Internet นั้นมันกว้างใหญ่ไพศาลนัก เราไม่สามารถที่จะรู้ได้เลยว่า ใครใช้ระบบปฏิบัติการอะไรกันบ้าง บางคนอาจจะใช้ระบบปฏิบัติการ Windows บนเครื่อง PC ธรรมดา ๆ อย่างเรา ๆ ท่าน ๆ ทั้งหลาย แต่นักวิจัยบางคนอาจจะให้ระบบปฏิบัติการ Unix บนเครื่อง Mainframe ในการเชื่อมต่อเข้าสู่ Internet ก็ได้ ซึ่งจากความ แตกต่างกันทั้งทางต้าน Software และ Hardware นี่เอง ที่เป็นจุดกำเนิด ของ HTML ซึ่งเป็นมาตรฐานที่ทำให้สามารถทำให้ ผู้ที่ใช้ระบบปฏิบัติการทั้งหลายแหล่ที่มีอยู่บนโลกของ Internet สามารถแลกเปลี่ยนข้อมูลข่าวสารกันได้อย่างสะดวกและรวดเร็ว สำหรับหน่วยงาเป็นคนกำหนดมาตรฐาน HTML คือ W3C นะครับ สำหรับ version ปัจจุบันนี้ก็เป็น version 4.0 เข้าไปแล้ว

แนะนำก่อนเขียนภาษา HTML
สิ่งที่ต้องเตรียมเมื่อต้องการเขียนโฮมเพจ
ก่อนที่จะลงมือเขียนโปรแกรมภาษา HTML เพื่อสร้างเว็บเพจ หรือ โฮมเพจ ได้นั้น ต้อง เช็ค ความพร้อม ของอุปกรณ์ เครื่องมือ สำหรับการ สร้าง ก่อนว่า มีครบหรือไม่
1. เครื่องคอมพิวเตอร์ ขนาดตั้งแต่ 486 หรือ pentium ขึ้นไป
2. หน่วยความจำไม่น้อยกว่า 8 MB
3. พื้นที่ฮาร์ดดิสต์ขนาดไม่น้อยกว่า 20 MB
4. Mouse
5. โปรแกรม Internet Explorer Version 3.0 ขึ้นไป
6. โปรแกรม Netscape Navigator Version 3.0 ขึ้นไป
7. โปรแกรม Notepad

โปรแกรมทุกตัวต้องติดตั้งลงในฮาร์ดดิสต์เรียบร้อยและอยู่ในสภาพที่พร้อมจะใช้งานได้ตลอดเวลา ไฟล์ของโปรแกรม HTML เป็นแท็กซ์ ไฟล์ธรรมดา ที่ใช้ นามสกุลว่า .htm หรือ .html โดย เมื่อเรา เขียน คำสั่งต่าง ๆ ลงใน โปรแกรม Notepad แล้วเรา จะ Save ให้เป็น นามสกุลดังกล่าว ถ้าไม่เช่นนั้น เรา จะไม่สามารถ แสดงผล ได้ ทาง เบราเซอร์ และถ้ามีการแก้ไข หรือ เขียนโปรแกรม เราก็สามารถ ใช้โปรแกรม Notepad นี้เป็นตัวแก้ไขได้เลย

โครงสร้างพื้นฐานของ HTML โครงสร้างของ HTML จะประกอบไปด้วยส่วนของคำสั่ง 2 ส่วน คือ ส่วนที่เป็น ส่วนหัว (Head) และส่วนที่เป็นเนื้อหา (Body) โดยมีรูปแบบคำสั่งดังนี้
<HTML>
<HEAD>
<TITLE> ชื่อโปรแกรมหรือข้อมูลที่ต้องการแสดงในส่วนหัว </TITLE>
</HEAD>
<BODY>
คำสั่งหรือข้อความที่ต้องการให้แสดง
</BODY>
</HTML>
การจัดโครงสร้างแฟ้มเอกสาร
ในความง่ายของภาษา HTML นั้นเพราะภาษานี้ไม่มีโครงสร้างใด ๆ มากำหนดนอก จากโครงสร้างพื้นฐานเท่านั้น หรือ แม้แต่จะไม่มีโครงสร้าง พื้นฐานอยู่ โปรแกรมที่เขียนขึ้นมานั้นก็สามารถทำงานได้เสมือนมี โครงสร้างทั่งนี้เป็นเพราะ ว่าตัวโปรแกรม เว็บเบราเซอร์ จะมองเห็นทุกสิ่งทุกอย่างในโปรแกรม HTML เป็นส่วนเนื้อหาทั้งสิ้น

ยกเว้นใน ส่วนหัว ที่ต้อง มีการกำหนด แยกออกไปให้ เห็นชัดเท่านั้น จะเขียน คำสั่ง หรือ ข้อความที่ ต้องการ ให้แสดง อย่างไรก็ได้ เป็นเสมือนพิมพ์งานเอกสารทั่ว ๆ ไปเพียง แต่ ทำตำแหน่ง ใดมีการ ทำตำแหน่ง พิเศษขึ้นมา เว็บเบราเซอร์ถึงจะแสดงผล ออกมาตามที่ ถูกกำหนด โดยใช้คำสั่งให้ตรงกับ รหัสที่กำหนดเท่านั้น

การแสดงผลที่เว็บเบราเซอร์

หลังจากมีการพิมพ์โปรแกรมนี้เสร็จเรียบร้อยแล้ว ให้บันทึกเป็น ไฟล์ที่มีนามสกุล .htm หรือ .html จากนั้นให้เรียกโปรแกรมเว็บเบราเซอร์ขึ้นมาทำการทดสอบ ข้อมูลที่เราสร้างจะถูก นำมาที่ออกมาแสดงที่จอภาพ ถ้าไม่เขียนอะไรผิด บนจอภาพก็จะแสดงผลตามนั้น ถ้าเรามีการปรับปรุงแก้ไขข้อมูลในโปรแกรมเดิม ให้อยู่ในรูปของ โปรแกรมใหม่ ก็จำ เป็นต้องโหลดโปรแกรมขึ้นมาใหม่ เพียงแต่เลื่อนเมาส์ไปคลิกที่ปุ่ม Refresh โปรแกรมก็จะทำการ ประมวลผลและแสดงผลออกมาใหม่ ในคำสั่ง HTML ส่วนใหญ่ใช้ตัวเปิด เป็นเครื่องหมาย น้อยกว่า < ตามด้วยคำสั่ง และปิดท้ายด้วยเครื่องหมายมากกว่า > และมีตัวปิดที่มีรูปแบบเหมือนตัวเปิดเสมอ เพียงแต่จะมีเครื่อง หมาย / อยู่หน้าคำสั่งนั้น ๆ เช่น คำสั่ง <BODY> จะมี </BODY> เป็นคำสั่งปิด เมื่อใดที่ผู้เขียนลืมหรือพิมพ์คำสั่งผิด จะส่งผลให้การทำงานของโปรแกรมผิดพลาดทันที

Tags

กราฟฟิกส์การ์ด (2) เกมเมอร์ (2) ขายสินค้า (2) ข่าวเกมส์ (2) ข่าวทั่วไป (2) ข่าวอัพเดท (1) ข่าว IT (16) ซัมซุง (1) ดาวน์โหลด (1) ดาวน์โหลด Discuz thai 7.2 full utf8 (1) ตอนที่ 6 (1) นิยาย (6) บทสรุปเกมส์ (3) ประกาศ (8) เรียนรู้ C++ (3) ออฟฟิศ 2013 office 2013 วินโดวส์ เอ็กซ์พี วินโดวส์ วิสต้า windows xp windows vista ข่าวไอที airp (1) animation (1) antivirus (10) ASUS (1) autorun (1) Bot (3) C (2) cartoon (15) cartoonclub (1) cloud ใช้ยังไง (1) DirectCU II TOP (1) dota (1) download (1) Dual-GPU (1) E-Book ศัพท์คอมพิวเตอร์ mp4 (1) edda online (14) e-learnning (3) e-learnning ห้องเรียนรู้ C++ (1) event (2) Flash Drive (3) flowchart (1) football (2) Freeware (11) Galaxy Beam (1) Game (31) game online (2) Game Update (15) gangcartoon (1) Glory Destiny Online (1) GTX 670 (1) GTX 690 (1) guild (1) hack (2) html (2) icloud คือ (1) i cloud คืออะไร (1) icloud ใช้ยังไง (1) IT News (16) IT-Update (14) javascript alert (1) learnning (1) legend of edda (9) Mass Effect 2 (1) Mobile Update (2) Movie Zone (9) Music Tags สบายดีไหม License Standard YouTube License (1) Music Zone (4) notice (3) online (6) photo (1) photoshop (1) Poem (6) Pro (5) Programe (18) Prototype - Razor1911 - FULL (1) review (1) sale (2) Samsung (1) security (1) shareware (1) soa (9) Source Php board (1) storyboard (1) sword art online (31) TERA Korea Official Site และ MMOCulture (1) TV (11) VRZO (1) web (1) Webroot Antivirus (1) webtools (1) windows (2) WinScan2PDF (โปรแกรม พิมพ์เอกสารเป็น PDF ได้อย่างรวดเร็ว แบบพกพา) (1)