ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Save Code Blog

    ลำดับตอนที่ #1 : คำสั่ง HTML

    • อัปเดตล่าสุด 10 ส.ค. 52


    <p>HTML Basic : โค้ดง่ายๆ ที่ไครๆก็รู้ : รวมโค้ด html พื้นๆ ที่ตกแต่งและคอมเม้นได้</p>
      <p>โครงสร้าง</p>
      <p><html><br /><head><br /><title>.........</title><br /></head></p>
      <p><body><br /></body><br /></html></p>
      <p>แต่ไม่ต้องไปสนใจ</p>
      <p>มาสนใจโค้ดดีก่า</p>
      <p>html ก็เหมือน ภาษาอังกฤษอ่าครับ</p>
      <p>ก็คือ ต้องท่องคำศัพท์</p>
      <p>และจำคำแปลไห้ได้ เท่านั้นเองครับ</p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับรูปแบบ</p>
      <p> : เว้นบรรทัด</p>
      <p>  : เว้นวรรค</p>
      <p><div align="left">ข้อความ</div> : ข้อความชิดซ้าย</p>
      <p><div align="right">ข้อความ</div> : ข้อความชิดขวา</p>
      <p><div align="center">ข้อความ</div> : ข้อความอยู่กลาง</p>
      <p><center>ข้อความ</center> : ข้อความอยู่กลาง</p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับสีสันข้อความ</p>
      <p><b>ข้อความ</b> : ตัวหนา</p>
      <p><strong>ข้อความ</strong> : ตัวหนา</p>
      <p><i>ข้อความ</i> : ตัวเอียง</p>
      <p><em>ข้อความ</em> : ตัวเอียง</p>
      <p><u>ข้อความ</u> ขีดเส้นใต้</p>
      <p><font size="10">ข้อความ</font> : ขนาดข้อความ</p>
      <p><font color="#000000">ข้อความ</font> : สีข้อความ</p>
      <p><font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ</p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับรูปภาพ</p>
      <p><img src="url"> : ใส่รูป</p>
      <p><img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด</p>
      <p><img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ</p>
      <p><img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา</p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับ Link</p>
      <p><a href="url">ข้อความ</a> : ลิ้งโดยใช้ข้อความ</p>
      <p><a href="url"  target="_blank">ข้อความ</a> : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่</p>
      <p><a href="url"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ<br /> <br /><a href="url"  target="_blank"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่</p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับ marquee หรือข้อความเลื่อน</p>
      <p><marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย</p>
      <p><marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย</p>
      <p><marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา</p>
      <p><marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน</p>
      <p><marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง</p>
      <p><marquee width="100px" height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง</p>
      <p><marquee bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง</p>
      <p><marquee scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว</p>
      <p><marquee behavior="alternate">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปกลับ</p>
      <p><marquee behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว </p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับ marquee หรือรูปเลื่อน</p>
      <p><marquee><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย</p>
      <p><marquee direction="left"><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย</p>
      <p><marquee direction="right"><img src="urlรูป"></marquee> : รูปเลื่อนจากซ้ายไปขวา</p>
      <p><marquee direction="up"><img src="urlรูป"></marquee> : รูปเลื่อนจากล่างขึ้นบน</p>
      <p><marquee direction="down"><img src="urlรูป"></marquee> : รูปเลื่อนจากบนลงล่าง</p>
      <p><marquee width="100px" height="100px"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความกว้าง</p>
      <p><marquee bgcolor="#00CC99"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดสีพื้นหลัง</p>
      <p><marquee scrollamount="1"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความเร็ว</p>
      <p><marquee behavior="alternate"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ ไปกลับ</p>
      <p><marquee behavior="slide"> <img src="urlรูป"> </marquee> : รูปเลื่อน แบบ ไปรอบเดียว </p>
      <p>------------------------------------------------------------</p>
      <p>เกี่ยวกับตาราง</p>
      <p><table background="urlรูป"><tr><td>ข้อความ</td></tr></table> ใส่พื้นหลังไห้ข้อความ</p>
      <p>------------------------------------------------------------</p>
      <p>การดัดแปลง</p>
      <p>เช่นผมคิดจะทำ topfriend เลื่อนได้</p>
      <p><center><br />        <table border="2" bordercolor="#สีขอบ" height="150" width="400" background="ภาพพื้นหลัง"><br />                <tr><br />                        <td><br />                                <marquee direction="left"><br />                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a><br />                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a><br />                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a><br />                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a><br />                                        <a href="ลิ้ง"><img border="0" src="รูป" alt="ชื่อ" height="100" width="100"></a><br />                                </marquee><br />                        </td><br />                </tr><br />        </table><br /></center></p>
      <p>หรืออักษร welcome สวยๆ</p>
      <p><center><br />     <b><br />          <FONT COLOR="#FF0000" size="5">W</FONT><br />          <FONT COLOR="#FF9900" size="5">e</FONT><br />          <FONT COLOR="#FFFF00" size="5">l</FONT><br />          <FONT COLOR="#99FF00" size="5">c</FONT><br />          <FONT COLOR="#00FF00" size="5">o</FONT><br />          <FONT COLOR="#00FF99" size="5">m</FONT><br />          <FONT COLOR="#00FFFF" size="5">e</FONT><br />          <FONT COLOR="#0099FF" size="5">T</FONT><br />          <FONT COLOR="#0000FF" size="5">o</FONT><br />          <FONT COLOR="#9900FF" size="5">H</FONT><br />          <FONT COLOR="#FF00FF" size="5">i</FONT><br />          <FONT COLOR="#FF0099" size="5">5</FONT><br />     </b><br /></center></p>


    <a href=http://www.pantip.com/cafe/richtext/ target=_blank>Free TextEditor</a>

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×