คํา สั่ง html การ จัด ข้อความ marquee

`<marquee>` เป็นแท็ก HTML ที่ใช้สำหรับสร้างข้อความเลื่อนอัตโนมัติจากด้านหนึ่งไปยังอีกด้านหนึ่งในหน้าเว็บ โดยสามารถกำหนดทิศทาง ความเร็ว และลักษณะของการเคลื่อนที่ได้อย่างง่ายดาย แม้ว่าแท็กนี้จะไม่ได้รับการสนับสนุนใน HTML5 และอาจจะไม่แนะนำให้ใช้งานในเว็บไซต์ใหม่ แต่ก็มีการใช้งานในเว็บไซต์เก่าๆ หรือสำหรับการทดลองหรือการศึกษา

### ตัวอย่างการใช้งาน `<marquee>`

```html

<!DOCTYPE html>

<html lang="th">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>ตัวอย่างข้อความ marquee</title>

<style>

body {

background-color: #f0f0f0;

font-family: Arial, sans-serif;

}

marquee {

color: #ff5733;

font-size: 24px;

font-weight: bold;

}

</style>

</head>

<body>

<h1>ยินดีต้อนรับสู่เว็บไซต์ของเรา</h1>

<marquee behavior="scroll" direction="left" scrollamount="5">

นี่คือข้อความที่เลื่อนจากขวาไปซ้าย!

</marquee>

<marquee behavior="alternate" scrollamount="10">

ข้อความนี้จะเลื่อนกลับไปกลับมา!

</marquee>

<marquee behavior="scroll" direction="right" scrollamount="2">

สร้างความน่าสนใจด้วยการใช้ข้อความแบบเลื่อน!

</marquee>

</body>

</html>

```

### อธิบายคุณสมบัติของ `<marquee>`

1. **behavior**: กำหนดลักษณะการเคลื่อนที่ของข้อความ

- `scroll` (ค่าเริ่มต้น): เลื่อนข้อความจากด้านใดด้านหนึ่งไปยังอีกด้านหนึ่ง

- `alternate`: ข้อความจะเลื่อนกลับไปกลับมา

- `slide`: ข้อความจะเลื่อนเข้าออกจากด้านหนึ่ง

2. **direction**: กำหนดทิศทางการเลื่อนของข้อความ

- `left`: ข้อความจะเลื่อนจากขวาไปซ้าย

- `right`: ข้อความจะเลื่อนจากซ้ายไปขวา

- `up`: ข้อความจะเลื่อนจากล่างขึ้นบน

- `down`: ข้อความจะเลื่อนจากบนลงล่าง

3. **scrollamount**: กำหนดความเร็วของข้อความที่เลื่อน โดยเป็นจำนวนพิกเซลที่เลื่อนไปในแต่ละช่วงเวลา

4. **scrolldelay**: ใช้กำหนดระยะเวลาหน่วงก่อนที่จะเริ่มเลื่อนข้อความ

### หมายเหตุ

แม้ว่า `<marquee>` จะเป็นวิธีที่ง่ายในการสร้างข้อความเคลื่อนที่ แต่แนะนำให้ใช้งาน CSS และ JavaScript ในการสร้างเอฟเฟ็กต์ที่คล้ายกันในทางปฏิบัติที่ทันสมัยมากขึ้น เช่น การใช้ CSS Animation หรือ JavaScript เพื่อควบคุมการเคลื่อนที่ของข้อความได้ดีกว่าและเป็นมิตรกับการเข้าถึง (accessibility) ที่มากยิ่งขึ้น

แสดงความคิดเห็น

ใหม่กว่า เก่ากว่า
Python Game Programming Book