เทคนิคพิเศษของข้อความ HTML

ผู้เขียน: Laura McKinney
วันที่สร้าง: 2 เมษายน 2021
วันที่อัปเดต: 17 พฤษภาคม 2024
Anonim
การรูปแบบข้อความ  (html text formatting)
วิดีโอ: การรูปแบบข้อความ (html text formatting)

เนื้อหา

HTML และ CSS สามารถสร้างเอฟเฟกต์ข้อความสุดเท่เช่นเดียวกับการจัดรูปแบบมาตรฐานเช่นขนาดตัวอักษรและสีพื้นหลัง เอฟเฟ็กต์พิเศษใน HTML ทำให้ข้อความปรากฏและประพฤติผิดปกติซึ่งดึงดูดความสนใจของผู้ดู ใช้พวกมันเพื่อเคลื่อนไหวหน้าหยุดหรือเพื่อเพิ่มข้อความธรรมดา


เทคนิคพิเศษของข้อความ HTML (Polka Dot รูปภาพ RF / Polka Dot / Getty)

วางหมวก

ในการประมวลผลคำแมวตัวหนึ่งจะขยายตัวอักษรตัวแรกของย่อหน้า คุณสามารถสร้างผลกระทบนี้บนหน้าเว็บของคุณโดยใช้ HTML และ CSS ใช้คุณสมบัติ "ลอย" เพื่อจัดตำแหน่งตัวพิมพ์ใหญ่และขนาดตัวอักษรเพื่อเพิ่มขนาดเทียบกับส่วนที่เหลือของข้อความในย่อหน้า ใส่อักขระในแท็ก "span"

ตัวอย่าง:

E นี่คือตัวอย่างของเอฟเฟ็กต์ดร็อปแคปโดยใช้คุณสมบัติลอย

ข้อความกลิ้ง

เอฟเฟ็กต์ปะรำ (HTML) เป็นสาเหตุของข้อความที่จะย้ายในรูปแบบที่แตกต่างกัน คำสั่ง "direction" ในรหัสบอกเบราว์เซอร์ว่าข้อความจะย้ายไปที่ใด: ขึ้นลงซ้ายหรือขวา คุณลักษณะ "พฤติกรรม" อธิบายถึงวิธีการย้ายข้อความ คุณลักษณะ "เลื่อน" ทำให้ข้อความเคลื่อนที่ไปนอกพื้นที่ที่มองเห็นได้แล้วปรากฏขึ้นอีกครั้ง คำสั่ง "สไลด์" ทำให้ข้อความหยุดที่ส่วนท้ายของระยะขอบในขณะที่ "สลับ" ทำให้ข้อความย้ายจากด้านหนึ่งไปอีกด้านหนึ่ง ใช้คำสั่ง "scrollamount" เพื่อกำหนดความเร็วและยิ่งจำนวนมากเท่าไหร่การเลื่อนก็จะเร็วขึ้นเท่านั้น


ตัวอย่าง:

หมุนข้อความ!

ชื่อเรื่องวางเมาส์ไว้ (วางเมาส์)

แท็กการขยาย HTML อนุญาตให้ข้อความปรากฏเหนือพื้นที่ที่แทรก ตัวอย่างเช่นหากคุณต้องการเพิ่มการสรุปของย่อหน้าให้แทรกข้อความโดยใช้แท็ก span

ตัวอย่าง:

ข้อความในย่อหน้าที่นี่