โครงสร้างภาษา html
<html>
<head>
<title>ชื่อหัวเรื่อง</title>
</head>
<body>
(ส่วนของคำสั่งพิมพ์ไว้ที่นี่ อยู่ใน
แท็ก body เท่านั้น)
</body>
</html>
คำสั่งต่างๆ อยู่ด้านล่างนี่ ********************************************
<br> : เว้นบรรทัด
: เว้นวรรค
<div align="left">ข้อความ</div> : ข้อความชิดซ้าย
<div align="right">ข้อความ</div> : ข้อความชิดขวา
<div align="center">ข้อความ</div> : ข้อความอยู่กลาง
<center>ข้อความ+รูปภาพ</center>
: ข้อความอยู่กลาง
<b>ข้อความ</b>
: ตัวหนา
<strong>ข้อความ</strong>
: ตัวหนา
<i>ข้อความ</i>
: ตัวเอียง
<em>ข้อความ</em>
: ตัวเอียง
<u>ข้อความ</u>
ขีดเส้นใต้
<font size="10">ข้อความ</font> : ขนาดข้อความ
<font
color="#000000">ข้อความ</font> : สีข้อความ
<font color="#000000"
size="10">ข้อความ</font> : ขนาดและสีข้อความ
<img src="url"> : ใส่รูป
<img src="url"
width="100px" height="100px"> : ใส่รูป แบบ
กำหนดขนาด
<img src="url"
border="3" border-color="#000000"> : ใส่รูป
แบบ กำหนดขนาดและสีเส้นขอบ
<img src="url"
ait="ข้อความ"> : ใส่รูป แบบ
เวลาเอาเม้าส์ไปชี้แล้วมีข้อความขึ้นมา
<a href="url">ข้อความ</a> : ลิ้งค์โดยใช้ข้อความ
<a href="url" target="_blank">ข้อความ</a>
: ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างใหม่
<a
href="url"><img src="url รูป"></a>
: ลิ้งโดยใช้รูปภาพ
<a href="url" target="_blank"><img
src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ
แบบเปิดหน้าต่างใหม่
<marquee>ข้อความ</marquee>
: ข้อความเลื่อนจากขวาไปซ้าย
<marquee
direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee
direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา
<marquee
direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน
<marquee
direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง
<marquee width="100px"
height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง
<marquee
bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง
<marquee
scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว
<marquee
behavior="alternate">ข้อความ</marquee>
: ข้อความเลื่อน แบบ ไปกลับ
<marquee
behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว
เกี่ยวกับตาราง
<table background="urlรูป"><tr><td>ข้อความ</td></tr></table>
ใส่พื้นหลังให้ข้อความ
ตัวอย่าง tag ที่ใช้ทำตาราง
<table> ใช้สร้างตารางข้อมูล
<th> สำหรับข้อความที่เป็นหัวคอลัมน์
จะเป็นตัวหนา
<tr> สำหรับแถวของตาราง
<td> สำหรับข้อมูลในแต่ละ
cell
และเรายังสามารถกำหนดคุณสมบัติให้ตาราง <table> ผ่าน attribute ต่างๆ ได้แก่
- align="left" |
"center" | "right" จัดตำแหน่งของตาราง
- border="number" กำหนดความหนาของเส้นขอบตาราง
- bordercolor="สี" สีของเส้นขอบ
- width="number" กำหนดความกว้างให้ตาราง
- bgcolor="สี" กำหนดสี background
-
cellspacing="number" กำหนดช่องว่างภายใน cell
-
cellpadding="number" กำหนดระยะห่างระหว่าง cell
attribute กำหนดคุณสมบัติให้แถวของตาราง <tr> ได้แก่
- align="left" |
"center" | "right" จัดตำแหน่งของข้อความใน cell
แนวนอนทั้งแถว
- valign= "top" |
"middle" | "bottom" | "baseline" จัดตำแหน่งของข้อความใน cell แนวตั้งทั้งแถว
- bgcolor ="สี" กำหนดสี background
ให้ทั้งแถว
attribute กำหนดคุณสมบัติให้ cell
ข้อมูล <td>
ได้แก่
- align="left" |
"center" | "right" จัดตำแหน่งของข้อความใน cell
แนวนอน
- valign= "top" |
"middle" | "bottom" | "baseline" จัดตำแหน่งของข้อความใน cell แนวตั้ง
- width="ความกว้างของคอลัมน์"
- height="ความสูงของแถว"
- colspan="number" จำนวนคอลัมน์ที่จะให้รวมเป็นคอลัมน์เดียวกัน
- rowspan="number" จำนวนแถวที่จะให้รวมแถวเป็นแถวเีดียวกัน
- bgcolor="สี" กำหนดสี background ให้ cell
** ครูไม่ได้จัดให้สวยงาม มาถึงบ้านก็เอามาลงให้เลย เอาความรู้น่ะนักเรียน ไม่ต้องเอาสวยงาม **
ด้านล่างนี่เป็นตัวอย่างรหัสสี น่ะนักเรียน
ด้านล่างนี่เป็นตัวอย่างรหัสสี น่ะนักเรียน
| EEEEEE | DDDDDD | CCCCCC | BBBBBB | AAAAAA | 999999 |
| 888888 | 777777 | 666666 | 555555 | 444444 | 333333 |
| 222222 | 111111 | 000000 | FF0000 | EE0000 | DD0000 |
| CC0000 | BB0000 | AA0000 | 990000 | 880000 | 770000 |
| 660000 | 550000 | 440000 | 330000 | 220000 | 110000 |
| FFFFFF | FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 |
| CCFFFF | CCFFCC | CCFF99 | CCFF66 | CCFF33 | CCFF00 |
| 99FFFF | 99FFCC | 99FF99 | 99FF66 | 99FF33 | 99FF00 |
| 66FFFF | 66FFCC | 66FF99 | 66FF66 | 66FF33 | 66FF00 |
| 33FFFF | 33FFCC | 33FF99 | 33FF66 | 33FF33 | 33FF00 |
| 00FFFF | 00FFCC | 00FF99 | 00FF66 | 00FF33 | 00FF00 |
| FFCCFF | FFCCCC | FFCC99 | FFCC66 | FFCC33 | FFCC00 |
| CCCCFF | CCCCCC | CCCC99 | CCCC66 | CCCC33 | CCCC00 |
| 99CCFF | 99CCCC | 99CC99 | 99CC66 | 99CC33 | 99CC00 |
| 66CCFF | 66CCCC | 66CC99 | 66CC66 | 66CC33 | 66CC00 |
| 33CCFF | 33CCCC | 33CC99 | 33CC66 | 33CC33 | 33CC00 |
| 00CCFF | 00CCCC | 33CC66 | 33CC33 | 00CC99 | 00CC66 |
| 00CC33 | 00CC00 | FF99FF | FF99CC | FF9999 | FF9966 |
| FF9933 | FF9900 | CC99FF | CC99CC | CC9999 | CC9966 |
| CC9933 | CC9900 | 9999FF | 9999CC | 999999 | 999966 |
| 999933 | 999900 | 6699FF | 6699CC | 669999 | 669966 |
| 669933 | 669900 | 3399FF | 3399CC | 339999 | 339966 |
| 339933 | 339900 | 0099FF | 0099CC | 009999 | 009966 |
| 009933 | 009900 | FF66FF | FF66CC | FF6699 | FF6666 |
| FF6633 | FF6600 | CC66FF | CC66CC | CC6699 | CC6666 |
| CC6633 | CC6600 | 9966FF | 9966CC | 996699 | 996666 |
| 996633 | 996600 | 6666FF | 6666CC | 666699 | 666666 |
| 666633 | 666600 | 3366FF | 3366CC | 336699 | 336666 |
| 336633 | 336600 | 0066FF | 0066CC | 006699 | 006666 |
| 006633 | 006600 | FF33FF | FF33CC | FF3399 | FF3366 |
| FF3333 | FF3300 | CC33FF | CC33CC | CC3399 | CC3366 |
| CC3333 | CC3300 | 9933FF | 9933CC | 993399 | 993366 |
| 993333 | 993300 | 6633FF | 6633CC | 663399 | 663366 |
| 663333 | 663300 | 3333FF | 3333CC | 333399 | 333366 |
| 333333 | 333300 | 0033FF | FF3333 | 0033CC | 003399 |
| 003366 | 003333 | 003300 | FF00FF | FF00CC | FF0099 |
| FF0066 | FF0033 | FF0000 | CC00FF | CC00CC | CC0099 |
| CC0066 | CC0033 | CC0000 | 9900FF | 9900CC | 990099 |
| 990066 | 990033 | 990000 | 6600FF | 6600CC | 660099 |
| 660066 | 660033 | 660000 | 3300FF | 3300CC | 330099 |
| 330066 | 330033 | 330000 | 0000FF | 0000CC | 000099 |
| 000066 | 000033 | 00FF00 | 00EE00 | 00DD00 | 00CC00 |
| 00BB00 | 00AA00 | 009900 | 008800 | 007700 | 006600 |
| 005500 | 004400 | 003300 | 002200 | 001100 | 0000FF |
| 0000EE | 0000DD | 0000CC | 0000BB | 0000AA | 000099 |
| 000088 | 000077 | 000055 | 000044 | 000022 | 000011 |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น