链接标签
a标签:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
锚点定位(难点):
通过创建锚点链接,用户能够快速定位到目标内容。创建锚点链接分为两步:
1.使用<a href=”id名”>创建链接文本(被点击的)</a>
例如:<a href="#two">
2.使用相应的id名标注跳转目标的位置
例如:<h3 id="two">第2集</h3>
列表标签:
有序:<ol><li>
无序:<ul><li>
自定义列表:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
表格标签:
表格是较为常用的一种标签,但不是用来布局,常用来处理、显示表格式数据。
在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>
在上面的语法中包含三对HTML标签,分别为 table、tr、td,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释。
1.table用于定义一个表格。
2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。
3.td /td:用于定义表格中的单元格,必须嵌套在<tr></tr>标签中,一对 <tr> </tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)
<thead></thead>:用于定义表格的头部。必须位于<table></table> 标签中,一般包含网页的logo和导航等头部信息。
<tbody></tbody>:用于定义表格的主体。位于<table></table>标签中,一般包含网页中除头部和底部之外的其他内容。
- 表格标题
定义和用法:caption 元素定义表格标题。
2.并单元格
跨行合并:rowspan
跨列合并:colspan
合并单元格的步骤:
1、先判断跨行合并还是跨列合并
2、跨行合并用rowspan属性,跨列合并用个colspan属性
3、将rowspan 或者colspan写在第一个要合并的单元格上
4、将合并的行数和列数写在指定的属性值上
5、将多余的单元格注释掉
表单标签:
应用场景:主要是应用在数据的提交,比如点击按钮发送数据到服务端。
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
method用于设置表单数据的提交方式,其取值为get或post
input 输入的意思。在上面的语法中,input标签为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,input标签还可以定义很多其他的属性,其常用属性如下表所示。
label标签:
for语句与控件的id值相连
下拉菜单:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
注意:
1. select中至少应包含一对option。
2. 在option中定义selected ="selected "时,当前项即为默认选中项。