วิธีสร้างเส้นคืบคลานใน Html

สารบัญ:

วิธีสร้างเส้นคืบคลานใน Html
วิธีสร้างเส้นคืบคลานใน Html

วีดีโอ: วิธีสร้างเส้นคืบคลานใน Html

วีดีโอ: วิธีสร้างเส้นคืบคลานใน Html
วีดีโอ: สอน HTML5 เบื้องต้น [2020] ตอนที่ 7 - สร้างเส้นคั่นและขึ้นบรรทัดใหม่ 2024, เมษายน
Anonim

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

วิธีสร้างเส้นคืบคลานใน html
วิธีสร้างเส้นคืบคลานใน html

มันจำเป็น

ตัวแก้ไข html

คำแนะนำ

ขั้นตอนที่ 1

ในการทำงานกับ HTML คุณต้องมีโปรแกรมแก้ไข html เช่น СuteHTML คุณสามารถดาวน์โหลดเวอร์ชันพกพาซึ่งไม่ต้องติดตั้งได้จากลิงก์ที่ท้ายบทความ โปรแกรมแก้ไขนี้มีการเน้นไวยากรณ์และสะดวกมากสำหรับการเรียนรู้พื้นฐานของ HTML

ขั้นตอนที่ 2

เปิดตัวแก้ไขและเขียนโค้ดนี้ระหว่างแท็ก: ฉันจำช่วงเวลาที่ยอดเยี่ยมได้: คุณปรากฏตัวต่อหน้าฉัน ราวกับวิสัยทัศน์ที่หายวับไป เหมือนอัจฉริยะแห่งความงามอันบริสุทธิ์

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

คุณสามารถระบุพารามิเตอร์เพิ่มเติมสำหรับการเคลื่อนเส้นได้โดยใช้พารามิเตอร์ BEHAVIOR ตัวอย่างเช่น เปลี่ยนแท็กโค้ดเปิดดังนี้: เริ่มการแสดงตัวอย่างในตัวแก้ไข - ตอนนี้ข้อความจะย้ายจากด้านหนึ่งของกล่องบรรทัดไปอีกด้านหนึ่งและย้อนกลับ

ขั้นตอนที่ 5

คุณสามารถกำหนดทิศทางการเคลื่อนที่ของเส้นเลื่อนได้โดยใช้พารามิเตอร์ DIRECTION = ".." แทนค่าต่อไปนี้: ซ้าย - เส้นเลื่อนไปทางซ้าย ขวา - เส้นไปทางขวา ขึ้น - จากล่างขึ้นบน ลง - จากบนลงล่าง

ขั้นตอนที่ 6

ลองปรับขนาดข้อความโดยใส่ไว้ในแท็กข้อความ ในตัวอย่างนี้ ขนาดข้อความคือ 5 คุณยังสามารถเปลี่ยนสีได้โดยใช้แท็กข้อความ ในตัวอย่างนี้ ข้อความจะเป็นสีแดง

แนะนำ: