html标签
2020-05-25 本文已影响0人
simplerandom
下标
a<sub>2</sub>
上标
b<sup>3</sup>
转义符
< < 空格 © © ® ®> >™ ™
<u>下划线</u>
<ins>插入文字</ins>
<strike>横线 </strike>
<s>删除线</s>
<del>删除线</del>
<kbd>键盘文字</kbd>键盘文字
<font color=00ff00>字体颜色 </font>
<font size=1>最小字体 </font>
<font style ='font-size:100px'>无限增大 </font>
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
border=给td表格加边框 cellpadding=td表格距离内部文字距离 cellspacing=td与td之间的距离
<table width="800px" height="300px" align="center" border="1" cellpadding="20" cellspacing="20">
<tr>
<th>name
</th>
<th>age</th>
</tr>
<tr>
<td>li</td>
<td>18</td>
</tr>
<tr>
<td>hu</td>
<td>28</td>
</tr>
</table>
合并单元格
<table width="800px" height="300px" align="center" border="1" cellpadding="10" cellspacing="0">
<tr>
<th>name
</th>
<th>age</th>
<th></th>
</tr>
<tr>
<td colspan="2">li</td>
<th>age</th>s
</tr>
<tr>
<td>hu</td>
<td>28</td>
<td rowspan="3">相片</td>
</tr>
<tr>
<td>hu</td>
<td>28</td>
</tr>
<tr>
<td>hu</td>
<td>28</td>
</tr>
</table>
列表
1无序列表又称符号列表
语法格式：
<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
<li>文字</li>
<li>文字</li>
</ul>
2有序列表
语法格式：
<ol type="?"start="?">
<li>文字</li>
<li>文字</li>
</ol>
type的值是编号字符可选的有1...,a...,A...,i... ,I...
start为起始值例：如果start为3是那么将从3开始，而且必须是数字。
input
input
image提交按钮
<form action="http://www.baidu.com" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
</form>
reset清空表单
<form action="http://www.baidu.com" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
<input type="reset" value="Reset" />
</form>
radio单选按钮
<form action="http://www.baidu.com" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
男性<input type="radio" name="sex" value="male" checked>
女性<input type="radio" name="sex" value="female">
<br/>
<input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
<input type="reset" value="Reset" />
</form>
checkbox多选按钮
<form action="http://www.baidu.com" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
男性<input type="radio" name="sex" value="male" checked>
女性<input type="radio" name="sex" value="female">
<input type="checkbox" name="vehicle" value="Bike">I have a bike
<input type="checkbox" name="vehicle" value="Car">I have a car
<br />
<input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
<input type="reset" value="Reset" />
</form>
hidden隐藏文本框
<form action="http://www.baidu.com" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
男性<input type="radio" name="sex" value="male" checked>
女性<input type="radio" name="sex" value="female">
<input type="checkbox" name="vehicle" value="Bike">I have a bike
<input type="checkbox" name="vehicle" value="Car">I have a car
<input type="hidden" name="country" value="China" />
<br />
<input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
<input type="reset" value="Reset" />
</form>
number数量（可选 1 到 5 之间）：
<input type="number" step="10" name="quantity" min="1" max="5">
date日期
请输入 1980-01-01 之前的日期：
<input type="date" name="bday" max="1979-12-31"><br />
请输入 2000-01-01 之后的日期：
<input type="date" name="bday" min="2000-01-02"><br />
range范围选择
<input type="range" name="points" min="0" max="1000" >
