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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ^O^กระจุ๊กกระจิ๊กแต่งไอดี^O^

    ลำดับตอนที่ #462 : โค้ดเบสิคต่างๆ จากซาหลิ่มโค้ด(เอามาเก็บไว้)

    • เนื้อหานิยายตอนนี้เปิดให้อ่าน
    • 500
      0
      7 ก.ค. 51

    1.โค้ดแทรกรูปภาพ
    <img src="ใส่ลิ้งค์รูปที่นี่">

    2.โค้ดแทรกรูปภาพ โดยที่ภาพนั้นเป็นลิงค์ด้วย
    <a href="Url ลิงค์" target="_blank"><img src="url ภาพ" border="0" alt="คำโฆษณาเว็บ" /></a>

    3.กำหนดขนาดของรูปภาพได้จะให้ใหญ่หรือเล็กโดยแก้ไขตรงส่วน height และ width

    <img src="ชื่อภาพ" height=XX width=XX>

     

    Code จัดตำแหน่งรูปภาพ
    คำสั่งในการจัดตำแหน่งรูปภาพคล้ายกับการจัดตำแหน่งข้อความ ดังนี้
    ตัวอย่าง 1. การจัดชิดซ้าย :
    <img src="http://www.zalim-code.com/picture/PIC/box/banner.gif="left">
     
    ตัวอย่าง 2. การจัดกลางหน้า
    <center><img src="http://www.zalim-code.com/picture/PIC/box/banner.gif"></center>
     
    ตัวอย่าง 2. การจัดชิดขวา
    <img src="http://www.zalim-code.com/picture/PIC/box/banner.gif"align="right">

     

    ตัวอย่างที่3 การทำภาพ สองภาพติดกัน

    <pre> <img src="http://YOUR PICTURE URL"><img src="http://YOUR PICTURE URL"> </pre>

    arrow arrow

     

    ตัวอย่างที่4 การทำภาพสองภาพอยู่คนละบรรทัดกัน


    <center><img src="http://YOUR PICTURE URL"><br><br>
<img src="http://YOUR OTHER PICTURE URL"></center>

    ลูกเล่น การทำภาพมีการเคลื่อนไหวแบบต่างๆ
    These only works in Internet Explorer Color & size of text can be changed to meet your needs.
    <marquee>MARQUEE</marquee>
    MARQUEE
    <marquee direction=right>MARQUEE</marquee>
    MARQUEE
    <marquee behavior=alternate>MARQUEE</marquee>
    MARQUEE
    <center><marquee behavior=alternate width=50%> MARQUEE</marquee></center>
    MARQUEE
    <marquee direction=up height=50>MARQUEE</marquee>
    MARQUEE
    <marquee direction=down height=50>MARQUEE</marquee>
    MARQUEE
    <marquee direction=down height=50 behavior=alternate>MARQUEE</marquee>
    MARQUEE
    Replace your text with a picture URL
    <marquee><img src=http://Your picture URL></marquee> picture
    <marquee direction=up height=50 behavior=alternate><img src=http://Your picture URL></marquee> picture
    <marquee direction=right width=40%><img src=http://Your picture URL></marquee> <marquee width=40%><img src=http://Your picture URL></marquee> 
    picturepicture
     ดูลูกเล่น ภาพและตัวอักษร ทั้งหมด CLICK !!

    arrow

    arrow

     

     

    Code การใส่ภาพ Backgound
    1.ใส่ bg แบบ tile

    <style>body{background-image:url(XXX);}</style>





    2.ใส่ bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar

    <style>body{background-attachment: fixed;background-image:url(XXX);}</style>





    3.ใส่ bg เป็นรูปภาพเดียวทั้งหน้า

    <style>Body{background-image:url(http:XXX);background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}</style>





    4.ใส่ bg โดยใช้สี

    <style>body{background:color code}></style>





    5. ใส่ bg โดยไล่เฉดสี (gradient)

    <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">


    gradienttype 0 ไล่สีตามแนวนอน
    gradienttype 1 ไล่สีตามแนวตั้ง


    หารูปภาพสวยๆทำblackgound ได้ที่นี้ คลิ๊ก!

    Code ตัวอักษร

    1.การกำหนดรูปแบบตัวอักษร

    <b> ข้อความที่ต้องการ </b> เพื่อทำให้ตัวหนังสือเป็นตัวหนา
    <i> ข้อความที่ต้องการ </i> เพื่อทำให้ตัวหนังสือเป็น ตัวเอียง
    <u> ข้อความที่ต้องการ </u> เพื่อ ขีดเส้นใต้ ให้กับตัวหนังสื
    <s> ข้อความที่ต้องการ </s>เพื่อ ตัวอักษรที่มีเส้นขวางพาดทับ

    2. การกำหนดขนาดตัวอักษร

    ขนาดของตัวอักษรในภาษา html จะมีอยู่ด้วยกัน 7 ขนาดด้วยกัน โดยรูปแบบคำสั่งจะมีรูปแบบดังนี้
    <font size=n>ข้อความ</font>
    <font size=1>ข้อความ size=1</font>
    <font size=2>ข้อความ size=2</font>
    <font size=3>ข้อความ size=3</font>
    <font size=4>ข้อความ size=4</font>
    <font size=5>ข้อความ size=5</font>
    <font size=6>ข้อความ size=6</font>
    <font size=7>ข้อความ size=7</font>

    โดยที่ n จะแทนจำนวนเต็มตั้งแต่ 1-7 ตัวอักษรขนาดปกติ จะใช้ n=3   และขนาด 1 จะเล็กสุดไล่ไปจนถึงขนาด 7 จะใหญ่สุด

    3.กำหนดรูปแบบตัวอักษร

    <font face="AngsanaUPC">ข้อความที่ต้องการ</font>


    สามารถดาวโหลดฟอนต์ที่ต้องการได้ ที่นี้ คลิ๊ก

    4.กำหนดสีให้ตัวอักษร

    การกำหนดสีของ font (Font Color) ถ้าเราไม่มีการกำหนดสีของ font ภายในเอกสาร html ของเรา เมื่อนำไปเปิดในโปรแกรม บราวเซอร์ font ในเอกสารเราจะเป็น font ตามที่ browser นั้น ๆ ได้ตั้งค่าไว้ เช่น สีดำ ฯลฯ แต่ถ้าเราต้องการที่จะให้โปรแกรม browser แสดง font ตามที่เราต้องการ เราต้องมีการกำหนด font ในภาษา html ของเรา โดยมีรูปแบบดังนี้

    แบบที่ 1 ใส่ชื่อสีเข้าไปโดยตรง
         <font color="blue"    >ข้อความที่ต้องการให้เป็นสีน้ำเงิน</font >
         <    font color="green">ข้อความที่ต้องการให้เป็นสีเขียว    </font >
         <    font color="red"    >ข้อความที่ต้องการให้เป็นสีแดง</font >

    แบบที่ 2 ใส่ตัวเลขฐาน 16 แทนสีที่ต้องการ(ซึ่งจะได้สีมากกว่าใส่ชื่อสีลงธรรมดา)
         <    font color="#0000ff">สีFont</font >
         <    font color="#00ff00">สีFont</font >
         <    font color="#ff0000">สีFont</font >

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

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

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

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

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

    ความคิดเห็น

    ×