HTML คืออะไร?
HTML (Hypertext Markup Language) คือ ภาษาอีกแบบหนึ่งที่เอามาใช้สร้างเว็บไซต์ เช่น เพิ่มข้อความ เพิ่มรูปภาพ ใส่ลิงค์ต่าง ๆ เป็นต้น ในส่วนประกอบภาษา HTML จะประกอบไปด้วย 2 ส่วน คือ head และ body ซึ่งจะอยู่ในส่วนของ <html>...</html>
โค้ด: เลือกทั้งหมด
<html>...</html>ในส่วน head จำแนะแท็กที่ควรรู้ ดังนี้
- title ใช้กำหนดข้อความที่แสดงบนไตเติลบาร์ของ web browser
- meta ใช้กำหนดชุดตัวอักษรที่เอาแสดงในหน้าเว็บไซต์เรา ควบคุมขนาดหน้าจอของเว็บไซต์
ตัวอย่าง : โค้ดของภาษา HTML
โค้ด: เลือกทั้งหมด
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
- Logo HTML
- logo HTML5.png (7.87 KiB) Viewed 1026 times
CSS (Cascading Style Sheets ) คือภาษาที่เอาไว้ใช้ในการตกแต่งหน้าเว็บไซต์ให้สวยขึ้น เช่น กำหนดลักษณะการแสดงผล การเล่นสี และสมารถจัดเรียงพวกข้อความได้ เวอร์ชั่นของ CSS ตอนนี้คือ CSS3
- Logo CSS
- logo CSS.png (7.5 KiB) Viewed 1026 times
- เขียน style ไว้ในส่วน head
โค้ด: เลือกทั้งหมด
<head> <style> p{ color:red; font-size: 24px; } </style> </head> - เขียนในแท็กนั้น ๆ เลย ด้วยการเขียน style เอาไว้ข้างในแท็ก
โค้ด: เลือกทั้งหมด
<p>Hello Word</p> <p style="color:red; font-size:24px;">Hello Word</p> - แบบสุดท้ายคือเขียน CSS แบบเชื่อมต่ออีกไฟล์หนึ่ง โดยการสร้างไฟล์ CSS ไว้อีกไฟล์หนึ่ง โดยนามสกุลไฟล์เป็น .css ถ้าใช้ต้องมีไฟล์ HTML กับ CSS
ใส่คำสั่ง <link href="..." rel="stylesheet"> ไว้ในส่วน head ซึ่ง href คือ ใส่ที่อยู่ของไฟล์ CSS
อ้างอิง:
https://www.w3schools.com
https://www.w3.org/Style/Examples/011/firstcss.th.html
https://www.simplilearn.com/tutorials/h ... tml-vs-css
