您的位置：首页 > Web前端

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

2016-06-07 12:43 246 查看

<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="确
b0ad
定" name="submit">
<input type="reset"  value="重置" name="reset">
</form>
</p>

比如我们要注册的话，就必须要用到<form>，<form>中的method表示与服务器通信的方式，有：post、get、put方式，其中的action表示你要提交到哪个服务器页面jsp/php/asp。
<label>用来与<input>标签绑定，for属性填写绑定的<input>标签的id，这样但你点击label时，也会自动聚焦<input>标签，同时<label>也可用来提示用户要填写的内容。
<input>标签用来填写或者选择你要提交给服务器的内容，name属性填写后在服务器可以根据这个name属性获取对应<input>的值，type属性为<input>类型，有多种如图：

这是来自慕课网的图片。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航