วันอังคารที่ 10 มกราคม พ.ศ. 2560
คำสั่งพื้นฐาน html
สรุปคำสัง HTML คำสั่งพื้นฐาน
<*br> คำสั่งขึ้นบรรทัดใหม่ <*p> ข้อความ
<*/p> คำสั่งย่อหน้าใหม่
<*IMG SRC = "PHOTO.GIF"> คำสั่งแสดงรูปภาพชื่อ Photo.gif
<*CENTER> ข้อความ
<*/CENTER> คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<*HTML> <*/HTML> คำสั่ง<*HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง <*/HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
<*font size = "3"> ข้อความ ขนาดตัวอักษร
<*font color = "red"> ข้อความ สีตัวอักษร
<*font face = "Arial"> ข้อความ รูปแบบตัวอักษร
<*b> ข้อความ
<*/b> ตัวอักษรหนา
<*i> ข้อความ
<*/i> ตัวอักษรเอน
<*u> ข้อความ
<*/u> ขีดเส้นใต้ตัวอักษร
เช่น <*font size='10'>ข้อความ<*/font> : ขนาดข้อความ
<*font color='#000000'>ข้อความ<*/font> : สีข้อความ
<*font color='#000000' size='10'>ข้อความ<*/font> : ขนาดและสี
ใส่ Code รูปภาพธรรรมดาอย่างเดียว
โดยไม่มีการเชื่อมโยงไปยังเว็บไซด์อื่น <*img src=”urlของรูปภาพ”>
แบบกำหนดขนาดของรูปภาพ <*img src=”urlของรูปภาพ” width=”50px” height=”50px”>
เพิ่มอธิบายรูปภาพของเราเกี่ยวกับอะไร alt=”” <*img src=”urlของรูปภาพ” alt=”ใส่ข้อความเกี่ยวกับรูปภาพหรืออื่นๆ”>
width="เลข" คือความกว้างของรูป วัดเป็นพิกเซล เช่น
<*img src="dog.jpg" width="100">
height="เลข" คือความสูงของรูป วัดเป็นพิกเชล เช่น
<*img src="dog.jpg" height="100">
ถ้าต้องการจัดรูปให้อยู่ตรงไหนก็สามารถใส่ได้ตามต้องการ เช่น ตรงกลาง ด้านซ้าน หรือ ด้านขวา
<*center> <*img src=”urlของรูปภาพ”> <*/center>
<*left><*img src=”urlของรูปภาพ”><*/left>
<*right><*img src=”urlของรูปภาพ”>*/right>
<*br> คำสั่งขึ้นบรรทัดใหม่ <*p> ข้อความ
<*/p> คำสั่งย่อหน้าใหม่
<*IMG SRC = "PHOTO.GIF"> คำสั่งแสดงรูปภาพชื่อ Photo.gif
<*CENTER> ข้อความ
<*/CENTER> คำสั่งจัดให้ข้อความอยู่กึ่งกลาง
<*HTML> <*/HTML> คำสั่ง<*HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง <*/HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม
* การเว้นวรรค<*HEAD> <*/HEAD> คำสั่ง <*HEAD> คือคำสั่งบอกส่วนที่เป็นชื่อเรื่อง โดยมีคำสั่งย่อยภายใน
<*font size = "3"> ข้อความ ขนาดตัวอักษร
<*font color = "red"> ข้อความ สีตัวอักษร
<*font face = "Arial"> ข้อความ รูปแบบตัวอักษร
<*b> ข้อความ
<*/b> ตัวอักษรหนา
<*i> ข้อความ
<*/i> ตัวอักษรเอน
<*u> ข้อความ
<*/u> ขีดเส้นใต้ตัวอักษร
เช่น <*font size='10'>ข้อความ<*/font> : ขนาดข้อความ
<*font color='#000000'>ข้อความ<*/font> : สีข้อความ
<*font color='#000000' size='10'>ข้อความ<*/font> : ขนาดและสี
ใส่ Code รูปภาพธรรรมดาอย่างเดียว
โดยไม่มีการเชื่อมโยงไปยังเว็บไซด์อื่น <*img src=”urlของรูปภาพ”>
แบบกำหนดขนาดของรูปภาพ <*img src=”urlของรูปภาพ” width=”50px” height=”50px”>
เพิ่มอธิบายรูปภาพของเราเกี่ยวกับอะไร alt=”” <*img src=”urlของรูปภาพ” alt=”ใส่ข้อความเกี่ยวกับรูปภาพหรืออื่นๆ”>
width="เลข" คือความกว้างของรูป วัดเป็นพิกเซล เช่น
<*img src="dog.jpg" width="100">
height="เลข" คือความสูงของรูป วัดเป็นพิกเชล เช่น
<*img src="dog.jpg" height="100">
ถ้าต้องการจัดรูปให้อยู่ตรงไหนก็สามารถใส่ได้ตามต้องการ เช่น ตรงกลาง ด้านซ้าน หรือ ด้านขวา
<*center> <*img src=”urlของรูปภาพ”> <*/center>
<*left><*img src=”urlของรูปภาพ”><*/left>
<*right><*img src=”urlของรูปภาพ”>*/right>
code ราคานำมัน พยากรณ์อากาศ แลกเปลี่ยนเงิน ตรวจสลากกินแบ่ง
โค้ดราคาน้ำมันบางจาก
โค้ดราคาน้ำมัน PTT
อัตราดอกเบี้ยและอัตราแลกเปลี่ยน
โค้ดดัชนีหุ้น
โค้ดพยากรณ์อากาศ กรมอุตุนิยมวิทยา
โค้ดราคาทองคำ
โค้ดตรวจสลากกินแบ่งรัฐบาล
code อักษรวิ่ง
Code ข้อความวิ่ง รูปภาพเลื่อน
< marquee คือ ตัวหนังสือวิ่ง
< font size=ตัวเลข คือ เพิ่มขนาดของตัวหนังสือ
< font color=โค๊ดสี คือ เปลี่ยนสีตัวหนังสือ
< b คือ เปลี่ยนตัวหนังสือเปนตััวหนา
< u คือ ขีดเส้นใต้ข้อความ < s คือ ขีดเส้นคาดข้อความ
< I คือ ตัวหนังสือเอียง
< sup คือ ข้อความสุดท้ายจะยกสูงขึ้น ข้อความเลื่อนจากขวามาซ้าย
ตัวหนังสือวิ่งไปกลับ
ยินดีต้อนรับ
นิดจังเรดิโอ
ข้อความแบบกำหนดความเร็วและใส่รูปด้วย
คำสั่งความเร็วในการวิ่ง
<*marquee scrollamount="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขกำกับความเร็ว ถ้าตัวเลขมากก็ยิ่งเร็วมาก ตัวเลขน้อยก็ยิ่งช้า ตัวอย่างวิ่งช้า
<*marquee scrollamount="5">ความเร็วในการวิ่ง 5<*/marquee>
ตัวอย่างวิ่งเร็ว
<*marquee scrollamount="70">ความเร็วในการวิ่ง 70 <*/marquee>
คำสั่งพิเศษ
<*marquee width="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขเป็นพิกเซลหรือเปอร์เช็นก็ได้ เพื่อกำหนดว่าจะให้วิ่งเต็มหน้ากระดาษ หรือครึ่งหน้ากระดาษ หรือเท่าไหร่ก็ใส่ตัวเลขลงไป เช่น 50% ก็วิ่งแค่ครึ่งหน้ากระดาษ ตัวอย่างวิ่งแค่ครึ่งหน้ากระดาษ
<*marquee width="50%">width="50% คือวิ่งครึ่งหน้ากระดาษ<*/marquee>
ข้อความวิ่งจากซ้ายมาขวาแล้วหยุด
<*marquee behavior="slide">คือข้อความที่วิ่งมาจากมุมขวาแล้วมาหยุดที่มุมซ้าย และจะไม่ไปไหนอีก<*/marquee>
ข้อความวิ่งไป วิ่งมา <*marquee behavior="alternate">และแท็กปิดคือ
<*/marquee>ข้อความที่เริ่มวิ่งจากซ้ายมาขวา พอถึงขวาก็วิ่งไปทางซ้าย วิ่งไป วิ่งมาสลับกัน ไม่มีที่สิ้นสุด
< marquee คือ ตัวหนังสือวิ่ง
< font size=ตัวเลข คือ เพิ่มขนาดของตัวหนังสือ
< font color=โค๊ดสี คือ เปลี่ยนสีตัวหนังสือ
< b คือ เปลี่ยนตัวหนังสือเปนตััวหนา
< u คือ ขีดเส้นใต้ข้อความ < s คือ ขีดเส้นคาดข้อความ
< I คือ ตัวหนังสือเอียง
< sup คือ ข้อความสุดท้ายจะยกสูงขึ้น ข้อความเลื่อนจากขวามาซ้าย
ข้อคว่ามเลื่อน
ข้อความเลื่อนจากซ้ายไป-ขวา
ตัวหนังสือวิ่งขึ้นลงเฉียงๆ
ข้อความเลื่อนจากบนลงล่าง
ตัวหนังสือวิ่งไปกลับ
ข้อความเลื่อนจากล่าง ขึ้นบน
ตัวหนังสือวิ่งขึ้น 2 บรรทัด
นิดจังเรดิโอ
welcome
ตัวหนังสือวิ่งขึ้นลงเฉียงๆ
ตัวหนังสือเด้งกลับไปมา
ลูกศรเด้งไปมาหน้าหลัง
welcome
ลูกศรชี้ออก
welcome
ลูกศรกะเล้นตรงชี้เข้า
welcome
ข้อความแบบกำหนดความเร็วและใส่รูปด้วย
ข้อความเลื่อนจากบนลงล่างมีรูปภาพด้วย
ข้อความเลื่อน แบบ กำหนดความกว้าง สีพื้นหลัง และ ไป-กลับ
ข้อความในกรอบทึบ
ข้อความในกรอบ
ข้อความวิ่งในกรอบทึบ
โค๊ดให้รูปวิ่งชนกัน
<*marquee scrollamount="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขกำกับความเร็ว ถ้าตัวเลขมากก็ยิ่งเร็วมาก ตัวเลขน้อยก็ยิ่งช้า ตัวอย่างวิ่งช้า
<*marquee scrollamount="5">ความเร็วในการวิ่ง 5<*/marquee>
ตัวอย่างวิ่งเร็ว
<*marquee scrollamount="70">ความเร็วในการวิ่ง 70 <*/marquee>
คำสั่งพิเศษ
<*marquee width="เลข">และตัวปิดคือ<*/marquee>ใส่ตัวเลขเป็นพิกเซลหรือเปอร์เช็นก็ได้ เพื่อกำหนดว่าจะให้วิ่งเต็มหน้ากระดาษ หรือครึ่งหน้ากระดาษ หรือเท่าไหร่ก็ใส่ตัวเลขลงไป เช่น 50% ก็วิ่งแค่ครึ่งหน้ากระดาษ ตัวอย่างวิ่งแค่ครึ่งหน้ากระดาษ
<*marquee width="50%">width="50% คือวิ่งครึ่งหน้ากระดาษ<*/marquee>
ข้อความวิ่งจากซ้ายมาขวาแล้วหยุด
<*marquee behavior="slide">คือข้อความที่วิ่งมาจากมุมขวาแล้วมาหยุดที่มุมซ้าย และจะไม่ไปไหนอีก<*/marquee>
ข้อความวิ่งไป วิ่งมา <*marquee behavior="alternate">และแท็กปิดคือ
<*/marquee>ข้อความที่เริ่มวิ่งจากซ้ายมาขวา พอถึงขวาก็วิ่งไปทางซ้าย วิ่งไป วิ่งมาสลับกัน ไม่มีที่สิ้นสุด
ลิ๊งค์โยงข้อความและภาพ
1.ลิงค์ข้อความ แบบคลิกแล้ว เปลี่ยนหน้าเลย
2. ลิงค์ข้อความ แบบคลิกแล้ว ขึ้นหน้าใหม่ให้อีกหน้า
3. ลิงค์รูปภาพ เมื่อคลิก จะเปลี่ยนหน้าจากภาพนี้เลย
4. ลิงค์รูปภาพ เมื่อคลิกแล้วจะขึ้นหน้าใหม่ ให้อีกหน้า
สมัครสมาชิก:
บทความ (Atom)