การทำเว็บไซต์ง่ายๆด้วย 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 ไม่ยากเลยใช่มั้ยล๊าา เพื่อนๆ ลองนำสิ่งที่ได้ไปวันนี้ลองไปปรับวางจัดตำแหน่งให้ดีๆ ผมว่าเว็บไซต์ของเพื่อนๆต้องออกมาดูดีแน่ๆเลยวันนี้ผมขอลาไปก่อนและจะมาสอนนำขึ้นเว็บไซต์จริงๆเพื่อแชร์ให้โลกได้รู้กันแล้วน๊า และอย่าลืมมาอวดเว็บไซต์ที่เพื่อนๆทำกันด้วยนะ ...บ๊ายยบายยย...
และอันนี้คือลองทำแบบคร่าวๆนะ ^^"
ไม่มีความคิดเห็น:
แสดงความคิดเห็น