Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะเพิ่มอินไลน์เลเยอร์ใน HTML ได้อย่างไร?


ใช้แท็ก เพื่อเพิ่มเลเยอร์อินไลน์ แท็ก HTML ใช้เพื่อสร้างเลเยอร์ที่ใช้พื้นที่ว่างในโฟลว์ข้อความที่มีอยู่ เนื้อหาที่ตามมาจะถูกวางหลังจากพื้นที่ที่ ครอบครอง

ซึ่งตรงกันข้ามกับแท็ก ซึ่งสร้างเลเยอร์เหนือโฟลว์ข้อความที่มีอยู่ ทำให้สามารถวางเนื้อหาที่ตามมาไว้ใต้เลเยอร์ที่เพิ่งสร้างขึ้นได้

แท็ก HTML รองรับแอตทริบิวต์ต่อไปนี้ -

แอตทริบิวต์
ค่า
คำอธิบาย
above
layer
ชื่อ
ชื่อของเลเยอร์อินไลน์ที่จะวางตำแหน่งเหนือเลเยอร์ปัจจุบันในลำดับ z โดยตรง
พื้นหลัง
URL
ชื่อไฟล์หรือ URL สำหรับรูปภาพซึ่งข้อความและรูปภาพของเลเยอร์อินไลน์จะปรากฏขึ้น
ด้านล่าง
layer
ชื่อ
ชื่อของเลเยอร์อินไลน์ที่จะอยู่ใต้เลเยอร์ปัจจุบันในลำดับ z โดยตรง
bgcolor
rgb(x,x,x)
#xxxxxx
ชื่อสี
สีที่จะใช้สำหรับพื้นหลังเลเยอร์อินไลน์
clip
number
พิกัดของพื้นที่ที่สามารถดูได้ของเลเยอร์อินไลน์
ความสูง
pixels
ความสูงของอินไลน์เลเยอร์เป็นพิกเซล
left
number
ตำแหน่งของด้านซ้ายของเลเยอร์อินไลน์ หากเลเยอร์อินไลน์ปัจจุบันเป็นส่วนหนึ่งของเลเยอร์อื่นเรียกว่าเลเยอร์หลัก - ตำแหน่งจะสัมพันธ์กับเลเยอร์หลัก
ชื่อ
layer
ชื่อ
ชื่อของเลเยอร์อินไลน์
pagex
number
ตำแหน่งของด้านซ้ายของเลเยอร์อินไลน์ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
pagey
number
ตำแหน่งของเลเยอร์อินไลน์ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์
src
URL
URL ของหน้าที่จะปรากฏภายในเลเยอร์อินไลน์
top
number
ตำแหน่งด้านบนของเลเยอร์อินไลน์ หากเลเยอร์อินไลน์ปัจจุบันเป็นส่วนหนึ่งของเลเยอร์อื่น เรียกว่าเลเยอร์พาเรนต์ ตำแหน่งนั้นจะสัมพันธ์กับเลเยอร์พาเรนต์
การมองเห็น
show
กำหนดว่าจะมองเห็นเลเยอร์อินไลน์หรือไม่

ซ่อน
สืบทอด

ความกว้าง
pixels
ความกว้างของเลเยอร์อินไลน์เป็นพิกเซล
z-index
number
ตำแหน่งของเลเยอร์อินไลน์ภายในลำดับ z เลเยอร์แบบอินไลน์ที่มีค่า Z-INDEX สูงกว่าจะอยู่ในตำแหน่งเหนือเลเยอร์แบบอินไลน์ด้วยค่า Z-INDEX ที่ต่ำกว่า

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้แท็ก -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>