html常用标签的用法汇总
标签从书写结构上,分为两种:闭合标签和非闭合标签,闭合标签指的是由开始标签和结束标签组合而成的,如段落标签<p></p>,内容写在两个标签之间;非闭合标签,只有一个标签组成,内容一般写在标签的属性中,如图片标签<img alt="图片描述">。
下面总结常用的html标签及其用法
<!DOCTYPE>声明
作用:声明文档类型,相当于非闭合标签,在html5中只有一种用法
用法:<!DOCTYPE html>,写在代码的最前面。
<html>全局标签
作用:相当于html代码容器,所有的代码要写在<html></html>之内。
用法:<html></html>
属性及赋值:lang=”zh-CN”,写在开始标签内,如<html lang="zh-CN">
<head>头部标签
作用:相当于网页头部代码容器,所有头部下的子标签要写在这个标签内。
用法:<head></head>
<body>主体标签
作用:相当于网页主体内容容器,与内容相关的标签都要写在这个容器里。
用法:<body></body>
<meta>标签
作用:提供HTML文档的元数据。除了标题外,其它元数据不会显示在客户端,但是会被浏览器解析。
用法:非闭合标签,写在head标签里,通过(name属性 + content属性)联合方法或者属性赋值的方法使用。
如声明文档字符集,<meta charset="UTF-8">
如网站描述,<meta name="description", content="这里是描述信息">
<title>标签
作用:用于元数据标题的显示,写在head标签内
用法:<title>这里是标题</title>
<h1>-<h6>标签
作用:1、设置文档分级标题,2、划分页面结构
用法:<h1>一级标题,一般一个页面只有一个</h1>
<h2>二级标题,相当于作文中的段落主题</h2>
<h3>三级标题,一般文档用到3级就够用了</h3>
<p>标签
作用:表示段落
用法:<p>段落内容写到这里</p>
<a>标签
作用:表示超链接,可用于文本超链接、图片超链接等
用法:<a></a>
属性及赋值:
1、href=”链接地址”,可以是绝对地址,也可以是相对地址,还可以是锚链接
2、target=”打开方式”,可以是当前窗口,也可以是新窗口,还可以是<iframe>框架链接
如在新窗口中打开百度链接,<a href="https://www.baidu.com" target="_blank">百度一下</a>
<img>标签
作用:表示图片,非闭合标签
用法:<img src="图片地址" alt="图片描述">
属性:常用的有两个,src表示图片地址,alt表示图片描述。