HTML Attributes คืออะไร ?
- คือ สิ่งที่อธิบาย หรือเพิ่มเติม ข้อมูลที่เกี่ยวกับ HTML elements- จะถูกกำหนดไว้ใน แท็กเปิด
- จะถูกกำหนดขึ้นในรูปแบบของ ชื่อ="ค่าของ Attributes" , name="value"
วันพุธที่ 21 ตุลาคม พ.ศ. 2558
HTML Attributes คืออะไร ?
- จะถูกกำหนดไว้ใน แท็กเปิด
- จะถูกกำหนดขึ้นในรูปแบบของ ชื่อ="ค่าของ Attributes" , name="value"
HTML Elements คืออะไร ?
HTML Elements คืออะไร ?
HTML Elements แปลแบบตรงๆเลย คือ ส่วนประกอบ HTMLอธิบายต่ออีกก็คือ การเขียนที่มี แท็กเปิด ตามด้วย เนื้อหา และ แท็กปิด
<tagname>เนื้อหา</tagname>
HTML Elements คือทุกสิ่งทุกอย่างตั้งแต่ แท็กเปิด จนถึง แท็กปิด นั่นล่ะครับ
<p>เนื้อหา</p>
แต่ก็มี HTML Elements บางอัน ที่ไม่ต้องมีแท็กปิด เช่น <br> , <hr> เริ่มงงล่ะสิ อ่านต่อข้างล่าง
Empty HTML Elements
HTML elements ที่ไม่มีเนื้อหาอยู่ข้างใน เรียกว่า empty elementsเช่น <br> เป็น empty elements ไม่ต้องมีแท็กปิด (<br> เป็นแท็กที่ใช้เพื่อให้เนื้อหาเว้นบรรทัด)
empty elements นั้นสามารถ เปิด และ ปิด ได้ในแท็กเดียวกันในลักษณะนี้ </br>
ใน HTML5 นั้น empty elements ไม่จำเป็นต้องมีแท็กปิด แต่ถ้าคุณต้องการให้ XML parsers อ่านได้ด้วย คุณควรมีแท็กปิดด้วยนะ
ตัวเล็กตัวใหญ่มีผลมั้ย ?
HTML Tags ไม่ใช่ case sensitive(ตัวเล็กตัวใหญ่ไม่มีผลกับโค้ด) เพราะงั้นจะใช้ตัวเล็กกตัวใหญ่ก็ได้ <P> ให้ผลลัพธ์เหมือนกับ <p> แต่ก็แนะนำว่าใช้ตัวเล็กนั่นล่ะดีแล้ววันพฤหัสบดีที่ 15 ตุลาคม พ.ศ. 2558
HTML แบบพื้นๆ
HTML แบบพื้นๆ
ทุกหน้าเว็บ HTML ต้องเริ่มด้วยการประกาศ <!DOCTYPE html>
ข้างในเอกสาร HTML ต้องเปิดด้วยแท็ก <html> และปิดท้ายด้วย </html>
ส่วนของเนื้อหาต้องอยู่ใน <body> และ </body>
ข้างในเอกสาร HTML ต้องเปิดด้วยแท็ก <html> และปิดท้ายด้วย </html>
ส่วนของเนื้อหาต้องอยู่ใน <body> และ </body>
ตัวอย่างโค้ด HTML
<!DOCTYPE html><html> <head> <title>ชื่อเพจ หรือ Page Title</title> </head> <body> <h1>หัวข้อ หรือ Heading</h1> <p>ย่อหน้า หรือ Paragraph</p> </body></html>ตัวอย่างผลลัพธ์ HTML
หัวข้อ หรือ Heading
ย่อหน้า หรือ ParagraphHTML Heading
หัวข้อของเนื้อหา ใช้แท็ก <h1> ไล่ไปจนถึง <h6><h1>หัวข้อ หรือ Heading</h1><h2>หัวข้อ หรือ Heading</h2><h3>หัวข้อ หรือ Heading</h3>
ตัวอย่างผลลัพธ์ HTML
หัวข้อ หรือ Heading
หัวข้อ หรือ Heading
หัวข้อ หรือ Heading
HTML Paragraph
ย่อหน้าของเนื้อหา ใช้แท็ก <p>
<p>ย่อหน้าที่หนึ่ง</p>
<p>ย่อหน้าที่สอง</p><p>ย่อหน้าที่สาม</p>
<p>ย่อหน้าที่หนึ่ง</p><p>ย่อหน้าที่สอง</p><p>ย่อหน้าที่สาม</p>ตัวอย่างผลลัพธ์ HTML
ย่อหน้าที่หนึ่ง
ย่อหน้าที่สอง
ย่อหน้าที่สาม
ย่อหน้าที่สอง
ย่อหน้าที่สาม
HTML Link
การลิงค์ไปยังหน้าอื่น ใช้แท็ก <a>
<a href="http://beveloper.blogspot.com">ไปหน้าแรก</a>
<a href="http://beveloper.blogspot.com">ไปหน้าแรก</a>
ตัวอย่างผลลัพธ์ HTML
HTML Images
src (source file) คือ ที่อยู่ของไฟล์รูป
alt (alternative text) คือ คำอธิบายของรูปภาพ
width และ height คือ ขนาดความกว้างและสูงของรูปภาพ ถ้าไม่กำหนดจะเป็นขนาดปกติของรูปนั้นๆ
<img src="html5.jpg" alt="รูปภาพ html5" width="240" height="240" />
<img src="html5.jpg" alt="รูปภาพ html5" width="240" height="240" />ตัวอย่างผลลัพธ์ HTML
สมัครสมาชิก:
บทความ (Atom)