ใช้โค้ด HTML เจ๋งๆ สำหรับเว็บไซต์

instagram viewer

ในการทำให้เว็บไซต์ของคุณสร้างสรรค์ คุณสามารถใช้โค้ด HTML ง่ายๆ ค้นหาว่ามีตัวเลือกใดบ้างในการสร้างเอฟเฟกต์เจ๋ง ๆ โดยไม่ต้องใช้สคริปต์เพิ่มเติม

สร้างเอฟเฟกต์สุดเจ๋งด้วย HTML
สร้างเอฟเฟกต์สุดเจ๋งด้วย HTML

สร้างการเคลื่อนไหวที่ยอดเยี่ยม

หากคุณต้องการออกแบบข้อความของคุณในแบบที่ต่างออกไปสำหรับเว็บไซต์ของคุณ คุณสามารถทำสิ่งดีๆ ด้วยโค้ด HTML เล็กๆ ได้ สร้างเอฟเฟกต์การเคลื่อนไหวโดยไม่ต้องใช้ภาษาสคริปต์ เช่น jQuery หรือ JavaScript ต้อง.

  • ตัวอย่างเช่น หากคุณต้องการย้ายข้อความ คุณสามารถทำได้โดยใช้แท็ก "marquee" โดยคุณต้องระบุทิศทางสำหรับ "direction" ตัวอย่างเช่น หากคุณต้องการให้ข้อความ "ฉันกำลังจะย้าย" ย้ายจากซ้ายไปขวา ให้เขียน:
    ฉันย้าย.
  • ข้อความที่ขอบด้านขวาของภาพจะหายไปและปรากฏขึ้นอีกครั้งทางด้านซ้าย หากคุณต้องการออกแบบข้อความที่เคลื่อนไหวไปมา ให้เขียนแทน:
    ฉันย้าย.
  • คุณสามารถ "กระโจม" ได้เช่นกัน ไฟล์ภาพ โดยการรวมไฟล์รูปภาพไว้ในสองแท็ก เช่น โดยการเขียน "Bewegungs.jpg" สำหรับรูปภาพ:
    ภาพเคลื่อนไหว
    .
  • คุณยังสามารถสร้างเอฟเฟกต์กะพริบสุดเจ๋งได้ด้วยการหน่วงเวลาข้อความด้วย "scrolldelay" และจางลงอย่างรวดเร็วด้วย "scrolllamount":
    ฉันกระพริบตา.
  • เลยเอาลิงค์มาแปะไว้แค่บางส่วนของภาพ

    คุณตั้งโปรแกรมเว็บไซต์ของคุณด้วยตนเองใน HTML และต้องการลิงก์ไปยัง ...

รหัส HTML สำหรับพื้นหลังและลิงก์

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

  • ตัวอย่างเช่น หากคุณใช้ภาพพื้นหลังสำหรับเว็บไซต์ของคุณ คุณสามารถใช้โค้ด HTML ได้อย่างง่ายดาย: ใช้. คุณควรตรวจสอบให้แน่ใจว่ารูปภาพที่เลือกมีขนาดใหญ่อย่างเหมาะสม และคุณแทนที่แท็กเนื้อหาดั้งเดิมด้วยโค้ด
  • คุณยังสามารถแสดงรูปภาพพื้นหลังสำหรับข้อความบางข้อความหรือตั้งค่าสีพื้นหลังที่ต้องการได้ ตัวอย่างเช่น หากต้องการใช้รูปภาพ "text.jpg" เป็นพื้นหลังสำหรับข้อความ "ข้อความพื้นหลัง" ให้เขียน ข้อความพื้นหลัง. ใช้สำหรับสีพื้นหลังสีดำ ข้อความพื้นหลัง.
  • หากคุณต้องการแสดงข้อความสำหรับข้อความ รูปภาพ หรือลิงก์ ทันทีที่ผู้เยี่ยมชมด้วยปุ่ม หนู ขับไปกว่านี้ คุณสามารถตั้งค่านี้ด้วยแอตทริบิวต์ "title" สำหรับข้อความ ให้ใช้แท็ก span อีกครั้ง เช่น ข้อความของคุณ. ในกรณีของลิงก์หรือรูปภาพ คุณจะต้องเพิ่ม "ชื่อ" ลงในแท็กที่เกี่ยวข้องเท่านั้น ตัวอย่างเช่น ลิงค์ หรือ รูปภาพ.

คุณพบว่าบทความนี้มีประโยชน์เพียงใด

click fraud protection