วันศุกร์ที่ 10 มีนาคม พ.ศ. 2560

การทำเว็บซต์ง่ายๆ ด้วย HTML EP.3

การทำเว็บไซต์ง่ายๆด้วย HTML EP.3 


           เดินทางกันมาถึง EP.3 กันแล้วนะครับวันนี้ผมจะมาสอนเกี่ยวกับการใส่รูปภาพการเชื่อมลิ้งไปเว็บไซต์เราต้องการจะให้ไปมาครับ ไปเริ่มกันเลยยย

          ขั้นตอนที่ 1  การใส่สีของตัวอักษรและขนาดของตัวอักษรนะครับมีโค้ดดังต่อไปนี้

   <font color = "ชื่อสี/code สี">..ข้อความ..</font>
        
           เป็นการใส่สีให้ตัว Text หรือ ข้อความของเรานะครับ 

                <font size = "ตัวเลข">..ข้อความ..</font>

           เป็นการกำหนดขนาด Font ตัวข้อความของเราโดยจะใช้เป็นตัวเลขตั้งแต่ 1-10 เรียงจากเล็กไปหาใหญ่ครับ
   
        หรือจะนำคำสั่งของทั้งสองตัวมารวมกันก็ได้นะครับเช่น

         <font size = "8" font color = "red">..ข้อความ..</font>

           คำสั่งตัวต่อไป  คือ  <b>..ข้อความ..</b>  เป็นคำสั่งที่ทำให้ตัวข้อความของเรานั้นเป็นตัวหนานะครับ ^^"



           ขั้นตอนที่ 2  เป็นการใส่รูปภาพและทำการลิ้งเว็บไซต์ที่เราต้องการให้ไปโดยการคลิกที่ตัวรูปภาพนะครับ

 คำสั่งที่เราจะใช้ก็คือ 

               <a href ="urlWeb"><img src = "urlPicture"></a>

    คำสั่ง <a href ="url"> ก็คือการที่เราเอาลิ้งไปวางเมื่อเวลากดที่รูปภาพแล้วมันจะทำการ Link ไปที่ url ที่เราได้กำหนดเอาไว้

   คำสั่ง <img src ="url"> ก็คือการที่นำที่อยู่ของภาพที่เราต้องการมาวางหรือเป็นการใส่ภาพนั้นเอง

  ส่วนคำสั่งที่จะทำให้ตัวภาพหรือข้อความที่ต้องการให้อยู่ตรงกลาง ทางซ้าย หรือว่า ทางขวา ก็คือ

                      <center>..ข้อความ..</center> 
                
     ข้อความของเราจะอยู่ตรงกลาง

                     <div align = "right">..ข้อความ..</div>

     ข้อความของเราจะอยู่ทางด้านขวา

                      <div align = "left">..ข้อความ..</div>

     ข้อความของเราจะอยู่ทางด้านซ้าย


               

             ขั้นตอนที่ 3 เป็นการทำลิ้งไปยังเว็บไซต์ที่เราต้องการโดยการกดตัว Text หรือ ข้อความ

     คำสั่งก็คือ 

                      <a href = "urlWeb">..ข้อความ..</a>

    จะสั่งเกตได้ว่ามันจะเหมือนกับการลิ้งกับรูปภาพแต่เปลี่ยนเป็นใส่ข้อความแทนนะครับ ^^"  เเละเมื่อทำออกมาแล้วจะได้ตามรูปข้างล่างเลย !!

  

               ขั้นตอนที่ 4 เป็นการทำพื้นหลังของตัวเว็บไซต์เรานั้นเองแต่การใส่คำสั่งจะไปใส่ตรง <body > นะอย่าไปใส่ผิดละถ้าอย่างนั้นแล้วละก็ไปลุยกันเลย ^^"

      คำสั่งก็คือ 

                      <body bgcolor = "ชื่อสี/Code สี">


                      </body>

            

       
        
          เป็นยังไงกันบ้างครับกับการสร้างเว็บไซต์ง่ายๆด้วยภาษา HTML ไม่ยากเลยใช่มั้ยล๊าา  เพื่อนๆ ลองนำสิ่งที่ได้ไปวันนี้ลองไปปรับวางจัดตำแหน่งให้ดีๆ ผมว่าเว็บไซต์ของเพื่อนๆต้องออกมาดูดีแน่ๆเลยวันนี้ผมขอลาไปก่อนและจะมาสอนนำขึ้นเว็บไซต์จริงๆเพื่อแชร์ให้โลกได้รู้กันแล้วน๊า และอย่าลืมมาอวดเว็บไซต์ที่เพื่อนๆทำกันด้วยนะ ...บ๊ายยบายยย...

และอันนี้คือลองทำแบบคร่าวๆนะ ^^"

    

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

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