鳄鱼笔记(一) --＞ H5基础＜--[常用标签属性]-CSDN博客

本文链接：https://blog.csdn.net/qq_41113916/article/details/108851663

本文详细介绍了HTML中的常用标签，包括主体标签如<!DOCTYPE>, <html>, <head>, <body>等，基础标签如<h1>-<h6>, <i>, <p>, <br>等，以及文字风格和元素标签，如<del>, <sup>, <sub>, <img>, <a>, <ul>, <ol>等，涵盖了它们的用途和属性设置，是学习网页制作的基础教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常用标签属性

一、预备

一、预备

◆开发环境

1> Hbuilder X 免安装

◆格式排版标签

1.主体标签

标签	作用
<!DOCTYPE>	当前页面为H5标准
< html >	页面正文
< head >	表示页面的头部,对页面的整体描述包含< title> 和 < meta>
< meta>	页面字符集,大小 ,缓存 ,内核等等设定< meta charset=“utf-8”>
< title>	页面标题
< body>	页面主体部分

2.基础标签

< h1> ~ < h6>	标题标签
< i>	字体变为斜体
< hr>	一条横线
< p>	换行换行
< br>	换行换行
& nbsp;	空格

◆文字风格标签

代码	效果
< del>删除线</ del>	~~文章添加删除线~~
幂10< sup>2</ sup>	10²
下标 5< sub>2</ sub>	下标 5₂
< u>下划线</ u>	下划线
< center>文本居中</ center>	文本居中

◆元素标签

1.图片标签-< img>

https://i-blog.csdnimg.cn/blog_migrate/1f3664cccb006f66e446f7d5eb04df57.png#pic_center	图片显示
< img src=“url” >
< img src=“url” width = “40px” >
< img src=“url” height= “100px” >
< img src=“url” title=“悬浮提示信息”>
< img src=“url” alt=“加载失败提示信息”>

2.超链接标签-< a>

www.baidu.com(请自行去掉空格)	链接属性
< a href = “https://www.baidu.com/”>	当前页面跳转
< a href = “https://www.baidu.com/” target="_blank">	打开一个新页面

3.列表标签(无序)-< ul>< li>

代码(请自行去掉空格)	效果(显示有误)
< ul type = “disc”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ul>

< ul type = “circle”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ul>

< ul type = “square”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ul>

3.列表标签(有序)-< ol>< li> top↑

代码(a 和 i 区分大小写)	效果
< ol type = “1”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ol>

< ol type = “a”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ol>

< ol type = “1”> < li>1</ li> < li>2</ li> < li>3</ li> < li>4</ li> </ ol>