HTML常用标签

• 锚点

href=#锚点名

2. target：链接的目标窗口

target的取值有：_self、_blank、_top、_parent

• _self：在当前窗口打开（默认值）。

• _blank：在新的窗口打开。

• _top：在顶层窗口打开。

• _parent：在父级窗口打开。

<a href="https://wanweibaike.com" target="_self">维基百科</a>    
<a href="https://wanweibaike.com" target="_blank">维基百科</a>    
<a href="https://wanweibaike.com" target="_top">维基百科</a>    
<a href="https://wanweibaike.com" target="_parent">维基百科</a>

图像：img标签

<img>标签用于插入图片。它是单独使用的，没有闭合标签。语法格式：

<img src="图片路径" alt="图片替代文本" width="宽度" height="高度" >

作用

发出get请求，展示一张图片。

属性

1. src：显示图片的URL。
2. alt：图像替代文本。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本。
3. width和height：显示图像的宽和高，取值可以是数值或百分比。

注意：不能让图片变形。一般width和height只设置一个，浏览器会根据图片的原始大小，自

动设置对应比例的图片宽度或高度。

响应式

在CSS样式中设置页面的所有img元素的最大宽度为100%，使图片在不同尺寸的设备上，都能产生良好的显示效果。

img { max-width: 100%; }

表格：table标签

<table>是一个块级容器标签，所有表格内容都要放在这个标签里面。

相关标签

1. 结构标签 <thead>、<tbody>、<tfoot>

表格结构对表格进行结构划分，<thead>、<tbody>、<tfoot>分别表示表头、主体和脚注。

<table>
    <thead>...</thead>      
    <tbody>...</tbody>
    <tfoot>...</tfoot>    
</table>

注意：<thead>、<tbody>、<tfoot>同时使用，同时存在，写的时候可以不按顺序。

2. 行<tr>

<tr>标签表示表格的一行（table row），放在<thead>、<tbody>、<tfoot>这些结构标签中。

<table>
    <thead> <tr>...</tr> </thead> 
    <tbody> <tr>...</tr> </tbody>
    <tfoot> <tr>...</tr> </tfoot>
</table>

3. 列<td>、表格头<th>

 <table>
     <thead><tr> <th>...</th> </tr></thead>
     <tbody><tr> <td>...</td> </tr></tbody>
     <tfoot><tr> <td>...</td> </tr></tfoot>
</table>

作用

发出get或post请求，然后刷新页面。

属性

1. action：提交表单时向何处发送表单数据。
2. autocomplete：如果用户没有填写某个控件，浏览器是否可以自动填写该值。它的可能取值分别为off（不自动填写）和on（自动填写）。
3. method：设置表单以何种方式发送到指定页面，可能的值有post（表单数据作为 HTTP 数据体发送），get（表单数据作为 URL 的查询字符串发送）。
4. target：在何处打开 action的URL，可取值有_self（当前窗口），_blank（新建窗口），_parent（父窗口），_top（顶层窗口）。