博客列表 >html常用标签的用法汇总

html常用标签的用法汇总

庖丁
庖丁原创
2020年12月29日 21:48:151943浏览

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表示图片描述。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议