โค้ดพื้นฐาน (16)

โค้ดลักษณะของตัวอักษร

<i> เขียนข้อความที่ต้องการ </i> ตัวเอียง <b> เขียนข้อความที่ต้องการ </b> ตัวหนา <u> เขียนข้อความที่ต้องการ </u> ขีดเส้นใต้ <big> เขียนข้อความที่ต้องการ </big> ตัวใหญ่ <small> เขียนข้อความที่ต้องการ </small> ตัวเล็ก <sup> เขียนข้อความที่ต้องการ </sup> ตัวอักษรยกสูงกว่าบรรทัด <sub> เขียนข้อความที่ต้องการ </sub> ตัวอักษรอยู่ตัวต่ำกว่าบรรทัด <p align=left> เขียนข้อความที่ต้องการ </p> ข้อความชิดขอบซ้าย <p align=right> เขียนข้อความที่ต้องการ</p> ข้อความชิดขอบขวา <center> เขียนข้อความที่ต้องการ </center> ข้อความกึ่งกลาง <strong> เขียนข้อความที่ต้องการ</strong> ข้อความเน้นตัวหนังสือ <font color=#1E90FF>เขียนข้อความที่ต้องการ</font>กำหนดสีให้ตัวอักษร (เปลี่ยน #1E90FF เป็นโค้ดสีต่าง ๆ ที่ต้องการ) <font size=2> เขียนข้อความที่ต้องการ </font>กำหนดตั้งขนาดอักษร(เปลี่ยนขนาดจาก 2 เป็น1 ถึง7 )

โค้ดวางรูปภาพ

1. โค๊ดวางภาพ <img src=" //ของรูป"> 2. โค๊ดทำให้ภาพมีข้อความเมื่อนำเม้าส์ไปวาง <img src="//ของรูป" alt=" ใส่คำที่ต้องการให้ขึ้นเมื่อนำเม้าส์ไปวางบนภาพ"> 3. โค๊ดกำหนดค่าความ กว้าง-สูง ของภาพ <img src=" //ของรูป" width=" กำหนดความกว้าง" height=" กำหนดความสูง"> 4.ทำลิงก์โดยตั้งชื่อ <a href = //www. ของเว็บที่จะทำลิงก์ target=_blank>ใส่ชื่อที่ต้องการ</a> 5. โค๊ดทำลิงก์แบบใช้ภาพ (โค๊ดนี้คลิกแล้วจะไปยังเว็บนั้นโดยปิดหน้าเว็บเดิม เมื่อจะกลับหน้าเดิมต้องคลิกย้อนกลับ) <a href=" //www. ของเว็บที่ทำลิงก์"><img src="//ของรูป ของภาพที่จะแสดง" border=0> 6.โค๊ดทำลิงก์แบบใช้ภาพ (โค๊ดนี้คลิกแล้วจะไปยังเว็บนั้นโดยหน้าเว็บเดิมยังอยู่) <a href=//www.ของเว็บที่ทำลิงก์ target=_blank><img src=//ของรูปของภาพที่จะแสดง border=0</a>

โค้ดทำกรอบให้กับ Group Blog, All Blogs, Friends' blogs, Links

<style> li a { display: block; padding: 4px 4px 4px 4px; border: 2px ใส่ชนิดของกรอบ ใส่โค้ดสีกรอบ; background-image:url(ถ้าต้องการก็ใส่ URLรูปหรือถ้าไม่ใส่ก็ได้); text-decoration: none; width: 160px;} </style> <style> li a:hover { display: block; padding: 4px 4px 4px 4px; border: 2px ใส่ชนิดของกรอบ ใส่โค้ดสีกรอบ; background-image:url(ถ้าต้องการก็ใส่ URLรูปหรือถ้าไม่ใส่ก็ได้); text-decoration: none; width:160px;} </style>

 

Create Date : 15 เมษายน 2553		0 comments
Last Update : 15 เมษายน 2553 22:39:49 น.
Counter : 644 Pageviews.
Share Tweet