วันอาทิตย์ที่ 17 มกราคม พ.ศ. 2559

HTML Basic คำสั่ง tags เบื้องต้น

โครงสร้างของ HTML

 
  <html>
    <head>
    <title>.........</title>
    </head>

    <body>
    </body>
  </html>
 

เกี่ยวกับรูปแบบ

 
  <br> : เว้นบรรทัด

  &nbsp; : เว้นวรรค

  <div align="left">ข้อความ</div> : ข้อความชิดซ้าย

  <div align="right">ข้อความ</div> : ข้อความชิดขวา

  <div align="center">ข้อความ</div> : ข้อความอยู่กลาง

  <center>ข้อความ</center> : ข้อความอยู่กลาง
 

เกี่ยวกับสีสันข้อความ

 
  <b>ข้อความ</b> : ตัวหนา

  <strong>ข้อความ</strong> : ตัวหนา

  <i>ข้อความ</i> : ตัวเอียง

  <em>ข้อความ</em> : ตัวเอียง

  <u>ข้อความ</u> ขีดเส้นใต้

  <font size="10">ข้อความ</font> : ขนาดข้อความ

  <font color="#000000">ข้อความ</font> : สีข้อความ

  <font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ
 

เกี่ยวกับรูปภาพ

 
  <img src="url"> : ใส่รูป

  <img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด

  <img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ

  <img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา
 

เกี่ยวกับ Link


 
  <a href="url">ข้อความ</a> : ลิ้งโดยใช้ข้อความ

  <a href="url"  target="_blank">ข้อความ</a> : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่

  <a href="url"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ
 
  <a href="url"  target="_blank"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่
 

เกี่ยวกับ marquee หรือข้อความเลื่อน

 
  <marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย

  <marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย

  <marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา 

  <marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน

  <marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง

  <marquee width="100px" height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง

  <marquee bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง

  <marquee scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว

  <marquee behavior="alternate">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปกลับ

  <marquee behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว 
 

เกี่ยวกับ marquee หรือรูปเลื่อน

 
  <marquee><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย

  <marquee direction="left"><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย

  <marquee direction="right"><img src="urlรูป"></marquee> : รูปเลื่อนจากซ้ายไปขวา

  <marquee direction="up"><img src="urlรูป"></marquee> : รูปเลื่อนจากล่างขึ้นบน

  <marquee direction="down"><img src="urlรูป"></marquee> : รูปเลื่อนจากบนลงล่าง

  <marquee width="100px" height="100px"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความกว้าง

  <marquee bgcolor="#00CC99"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดสีพื้นหลัง

  <marquee scrollamount="1"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความเร็ว

  <marquee behavior="alternate"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ ไปกลับ

  <marquee behavior="slide"> <img src="urlรูป"> </marquee> : รูปเลื่อน แบบ ไปรอบเดียว 
 

อ้างอิงจาก : https://www.selenic.com/mercurial/hg.1.html

ไม่มีความคิดเห็น:

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