HTML常用标签

183 阅读3分钟

a 标签的用法

<a href="https://baidu.com"> 内容 </a>

a 标签的属性


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 替代,而且更方便,简单的列举一下:

  • align
  • bgcolor
  • border
  • cellpadding
  • cellspacing
  • frame
  • rules
  • summary
  • width

还有很多没写,以后补充

声明:本文为个人原创笔记,著作权归本人和饥人谷所有,转载务必注明来源