a 标签的用法
<a href="https://baidu.com"> 内容 </a>
a 标签的属性
-
href:定义一个超文本链接,是a标签最重要的一个属性,可以有一下值- 一个完整的
url链接 - 无协议的
url链接 - 一个页面的相对或绝对路径,可以跳转到那个页面
- 伪协议:
javascript:console.log(123);,会执行javascript:后面的JS代码,或者直接输入javascript:;,当a标签点击时不会刷新页面 href="#"或者href=""时,此时a标签点击时会刷新页面href="id",可以跳转到当前页面中包含这个id的标签的位置,注意标签位置会出现在页面的最顶部
- 一个完整的
-
download:规定被下载的超链接目标。在 标签中必须设置href属性,该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件(.img, .pdf, .txt, .html, 等等)。 -
target: 设置以何种方式显示链接的资源_self: 加载到当前标签页,如果没有指定属性,自动设为默认。_top: 加载响应进入顶层页面,如果没有父级框架或页面,效果与_self相同;- 一般在
ifrom框架标签中设置,可以影响到外部页面
- 一般在
_parent: 在父级页面打开地址。_blank: 在新窗口打开
img 标签的用法
<img src="./logo.png" >
img 标签的属性
src: 用于设置照片的路径,可以是相对路径或者是绝对路径title: 当我们将鼠标的光标悬停在图片上的时候,光标旁边会出现一个米色文本框,里面会显示title中的内容alt: 当电脑网速较慢时,图片无法及时刷新,电脑会显示alt中的内容width: 图片的宽度
table 标签的用法
<table>
<thead>
<tr><th></th></tr>
</thead>
<tbody>
<tr><td></td></tr>
</tbody>
<tfoot>
<tr><td></td></tr>
</tfoot>
</table>
标签篇
table 需要和一些标签配合使用
<thead></thead>: 表格的标题<tbody></tbody>: 表格数据的主要放置位置,就是我们没写tbody浏览器也会帮我们自动的套一层<tbody></tbody><tfoot></tfoot>: 表格的页脚内容<tr></tr>: 行标签,一个<tr></tr>就是一行,搭配<td></td>使用<td></td>: 列标签,一个<tr></tr>标签中有多少给<td></td>就代表有多少列<th></th>: 标题 : 一般在<thead></thead>中出现
属性篇
<table></table> 有一些可以修改样式的属性,但都不建议使用,因为它们完全都可以通过 CSS 替代,而且更方便,简单的列举一下:
alignbgcolorbordercellpaddingcellspacingframerulessummarywidth
还有很多没写,以后补充
声明:本文为个人原创笔记,著作权归本人和饥人谷所有,转载务必注明来源