html学习

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>
	<!-- a标签的target,指定为iframe标签的name值,那么超链接的内容,则显示到iframe标签中 -->
	<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>
	<!-- 单击li中的超链接,把超链接的内容显示到iframe标签中 -->
<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>
		<!-- selected="selected":设置默认选中项 -->
		<option value="0" selected="selected">上海</option>
		<option value="1">北京</option>
		<option value="2">天津</option>
	</select><br>
	<select name="language"multiple="multiple" size="6"><!-- 下拉列表(多选): -->
		<!-- multiple="multiple"用于设置下拉列表,支持多选 -->
		<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	普通按钮