html标签
标签 | 作用 |
---|
h1~h6 | 1~6级标题 |
p | 段落标签(换行) |
span | 文本标签(不换行) |
div | 文本标签(换行) |
br | 换行 |
hr | 一条横线 |
ul-li | 列表标签(无序) |
ol-li | 列表标签(有序) |
b | 加粗 |
strong | 加粗 |
em | 倾斜 |
i | 倾斜 |
del | 删除 |
u | 下划线 |
img src=“图片路径” | 显示图片 |
a href=“跳转界面” | 超链接 |
iframe | 网页中嵌套网页 |
<ul>
<li><a href="../day01/1.html文件结构.html" target="contant">1.文件结构</a></li> <li><a href="../day01/2.文本相关标签.html" target="contant">2.文本相关</a></li>
<li><a href="../day01/3.有特殊样式的文本标签.html" target="contant">3.特殊样式文本</a></li>
</ul>
<iframe src="../day01/1.html文件结构.html" width="300px" height="300px" name="contant">
</iframe>
table表格
<table>
<caption>表格名</caption>
<tr>
<th>表头</th>
</tr>
<tr>
<td>内容</td>
</tr>
</table>
table中的标签 | 含义 |
---|
caption | 设置表格名 |
tr | 行 |
td | 列 |
border | 边框 |
width | 宽度 |
cellpadding=“0” | 设置单元格之间的宽度 |
cellspacing=“0” | 设置文本内容和表格边框的宽度 |
align | 设置表格显示位置 |
colspan=“3” | 把三列合并为一列 |
rowspan=“2” | 将两行单元格合并为一行 |
form标签
<form action="#" method="post" enctype="multipart/form-data">
<input type="标签类型"/>
<select name="city">
<option>请选择</option>
<option value="0" selected="selected">上海</option>
<option value="1">北京</option>
<option value="2">天津</option>
</select><br>
<select name="language"multiple="multiple" size="6">
<option value ="java">java</option>
<option value ="c">c</option>
<option value ="html">html</option>
</select><br>
<fieldset id="">
<legend>地址</legend>
邮箱:<input type="email" name="email" />
phone:<input type="number" name="phone" />
date:<input type="date" name="date" />
颜色:<input type="color" name="color" />
</fieldset>
input标签 | 作用 |
---|
text | 单行文本框 |
password | 密码框 |
hidden | 隐藏域 |
file | 文件上传 |
radio | 单选按钮(value=“0”)/多选框(value=“选项”) |
submit | 提交数据 |
reset | 清空数据 |
button | 普通按钮 |