博主信息
博文 20
粉丝 0
评论 0
访问量 19964
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html常用标签的用法汇总
庖丁
原创
2376人浏览过

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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学