前端初学，记下标签以后参考2

最新推荐文章于 2018-03-01 10:54:30 发布

进击的菜狗子

最新推荐文章于 2018-03-01 10:54:30 发布

阅读量410

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/CASER_HDMI/article/details/51602888

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<a></a>标签用来连接超链接

什么是超链接？就是点击一段文字或者一张图片之后跳转到另一个页面，<a>标签提供这个功能，并且指向连接的页面。跳转的页面记得在前面加上http://或者https://

	<p>
		点击
		<a href="http://www.baidu.com">“百度”</a>
		可以跳转到百度
		<br>点击
		<a href="http://www.baidu.com" target="_blank">“百度”</a>
		可以弹出新页面百度
	</p>

一个是页面跳转到百度，原本的页面被百度代替，另一个是弹出一个新百度页面。

<img></img>是添加图片

	<p>
		<img src="E:\壁纸\testPhoto01.jpg" width="400px" height="400px" alt="图片加载错误">
	</p>

记住连后缀.jpg也要写，现在的浏览器支持多数图片的格式，如果不幸遇到不支持的格式，请转化格式。

width与height设置图片的宽与高。

alt则是设置图片加载错误时显示的文字，这样可以让用户知道图片加载出了问题。

<ul></ul>、<ol></ol>为列表

	<p>
		<ul>
			<li>一</li>
			<li>二</li>
			<li>三</li>
		</ul>
		<ol>
			<li>一</li>
			<li>二</li>
			<li>三</li>
		</ol>
	</p>

ul为无序号列表，ol为有序号列表，列表项用<li></li>标识。

<table></table>为表格

<body>
	<p>
		<table summary="XX小学2015-2016年班级、年龄记录">
			<caption>XX小学班级、年龄记录</caption>
			<tbody>
				<tr>
					<th>班级</th>
					<th>姓名</th>
					<th>年龄</th>
				</tr>
				<tr>
					<td>一班</td>
					<td>小明</td>
					<td>9</td>
				</tr>
				<tr>
					<td>二班</td>
					<td>小红</td>
					<td>8</td>
				</tr>
			</tbody>
		</table>
	</p>
</body>

<table>为一个表格的整体,包含了<tr>

<tr>为表格的一横行，<tr>包含了<th>与<td>

<th>为表头，表头线条加粗比较显眼，<td>为表格的数据，对应表头

<caption>为表格的标题，让人一眼看出这个表格是干什么的。

<summary>是表格的摘要，可以提醒自己这个表格是干什么的，不现实在浏览器上。

<tbody>是使表格内容加载完后再一次性显示出来，不会一边接受数据一边加载，一点一点显示出来。

<form></form>为表单，与用户交流数据

	<p>
		<form method="post" action="xxx.jsp/.php/.asp">
			<label for="name">用户名：</label>
			<input type="text" name="usename" id="name"></input><br>
			<label for="pass">密 码：</label>
			<input type="password" name="password" id="pass"/><br>
			<input type="submit"  value="确定" name="submit">
			<input type="reset"  value="重置" name="reset">
		</form>
	</p>