เรียนรู้ง่าย

แสดงผลต่างกัน ในแต่ละเบราว์เซอร์

ใช้สำหรับสร้างเว็บไซต์

1 Tag ใช้ได้เพียง 1 ตัวเท่านั้น

การจัดรูปแบบหน้าจอตามอุปกรณ์ต่าง ๆ

การจัดขนาดของตาราง

การจัดรูปแบบของโค้ด HTML ให้ดูง่าย

ทำให้รูปภาพไม่แตก

ระบบคอมพิวเตอร์ช่วยสอน

รูปแบบการแสดงผลในเว็บไซต์ ที่มีเขียนเพื่อให้เว็บไซต์มีรูปแบบเฉพาะที่สวยงาม

สคริปต์การทำงานแบบโต้ตอบอัตโนมัติ ตามเงื่อนไขที่กำหนด

ผู้ให้บริการอินเทอร์เน็ตแห่งประเทศไทย

<pre>

<pr>

<br>

<h1>

เพิ่มหมายเหตุหรือ Comment

เพิ่ม Element ที่ต้องการให้แสดงผล

แสดงข้อความเคลื่อนไหว

ไม่ให้ข้อความขึ้นบรรทัดใหม่

<h1> ข้อความ </h1>

<h3> ข้อความ </h3>

<h5> ข้อความ </h5>

<h6> ข้อความ </h6>

<link>

<img>

<a>

<l>

<select>

<form>

<table>

<input>

<input type="button">

<input type="hidden">

<input type="file">

<input type="datetime-local">

<img src = "picture.jpg">

<img src = "picture.jpg"> </img>

<src img = "picture.jpg">

<a src = "picture.jpg"> </a>

พิกเซล (pixel)

เปอร์เซ็นต์ (%)

ไม่มีข้อใดถูกต้อง

ถูกทั้งข้อ ก. และข้อ ข.

2

3

4

5

Inline เหมาะสำหรับเรียกใช้ในแต่ละอีลีเมนต์

Internal คือ การใช้งาน CSS ในหน้าเว็บหนึ่ง ๆ

External คือ การเขียน CSS ไว้ในไฟล์อื่น เหมาะสำหรับเว็บไซต์

Bootstrap คือการเรียกใช้จากเว็บไซต์อื่น หรือเป็นแบบ CDN

#Name{} และ /Name{}

/Name{} และ .Name{}

.Name{} และ #Name{}

Name{} และ .Name{}

border

width

transform

display

<p id="text-warning">

<p class="text-warning">

<p text="warning">

<p text-warning>

<div class="row">

<div class="col">

<div row>

<div id="col">

form

card

text

carousel

<center> <p> ข้อความ </p> </center>

<p style="text-align:center"> ข้อความ </p>

<p class="text-center"> ข้อความ </p>

<p id="text-center"> ข้อความ </p>