html标签汇总

  • 标题标签
<h1>-h6>  无兼容问题
<hr>  标题标线(无兼容):标题的border线 ,可以通过样式修改默认值
  • 段落标签
<p>  段落(无兼容)
<br/>  段落换行(无兼容):在一个段落需要强制换行可使用
  • 文本格式化标签
<b>  粗体
<i>  斜体
<small> 小号字体
<sub>  下标
<sup>  上标
<ins>  插入字
<del> 删除字
<pre> 预格式化文本
<abbr> 缩写
<address> 地址
<q>  引用句
  
注:以上标签都是在一段语句中特殊的文本需要的格式化的时候使用
  • 链接标签
<a>  超链接(无兼容) :打开新页面,下载图片,

注:关于该标签下载图片的问题:当<a>的href属性指向img的地址时加上download属性(下载的文件名名字,不指认就默认)就可下载图片,但是这个只支持同源的下载,如果的外链图片(默认在浏览器打开预览图片),需要将图片转化为base64或者将图片绘制在canvas上。
  • 头部标签
<head> 指定头部信息 
<title>  指定页面标题
<base> 指定页面链接标签的默认链接地址:相当于指定baseUrl然后页面中使用相关路径可不用写公共的前面部分,只用写不同的部分
<link> 引入外部链接
<script> 定义脚本
<style> 定义内联样式
<meta>  定义页面元信息
列:为搜索引擎定义关键词:<meta name='keywords' content='威斯盾,物联网,医药冷链'>
    为网页定义描述内容:<meta name='description' content='冰箱介绍,标签介绍,合作医院'>
	定义网页作者:<meta name='author'  content='雨季'>
    每30秒刷新当前页面:<meta http-equiv='refresh' content='30'>
	定义移动设备的viewport:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  • 图像标签(都无兼容问题)
<img>  
<map>   定义一个可点击的图片(通过坐标定位点击图片的某个位置)
<area>
  • 表格标签
<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义单元格
<caption> 定义表格标题
<colgroup> 定义表格的组
<col>  定义表格列的属性(背景颜色,宽度等)
<thead> 定义表格表头
<tbody> 定义表格内容
<tfoot> 定义脚注
  • 列表标签
<ol> 有序列表(数字 字母 等)
<ul> 无序列表
<dl> 自定义列表(很少使用)
  • 分组标签
<div> 定义一个块元素
<span> 定义一个行内元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值