HTML中的基础标签(适合于新手)

若想进一步了解可到菜鸟教程HTML

1. div:用来布局,没有具体含义

cpp 复制代码
   <div>
        <p>
            哈哈哈哈
        </p>
    </div>

2. hx:标题,分六级,会自动加粗,有默认字号

cpp 复制代码
<h1>
            哈哈哈哈
</h1>

3. p:连续的段落,相当于回车

cpp 复制代码
<p>
    hello
</p>

4. br:换行

cpp 复制代码
   <br/>
        Mr.Liu

5. hr:生成一条水平线,起装饰作用

cpp 复制代码
   <hr width = "80%" align = "center" color = "yellow" height = "3px"/>

6. a:实现链接跳转

cpp 复制代码
   <a href = "https://csdiy.wiki/" title = "CS自学指南">CS自学指南<br/></a>

7. img:用来加载图片, src:用来设置加载的图片的路径,alt: 当图像加载不成功时,将显示其内容,否则不会

cpp 复制代码
   <img src = "https://img-home.csdnimg.cn/images/20240528085301.jpg" alt = "帽子叔叔"/>
   <img src = "https://img-home.csdnimg.cn/imadvsvges/20240528085301.jpg" alt = "帽子叔叔"/>

8. span:作用与div一样,都是用来布局的,不同的是div会单独占一行,span不会

cpp 复制代码
   <div>div1</div>
   <div>div2</div>
   <span>span1</span>
   <span>span2</span>

9. ul/ol: 列表,前者无序,后者有序,内容为li标签

cpp 复制代码
<ul>
    <li>li1</li>
    <li>li3</li>
    <li>li3</li>
</ul>
<ol>
    <li>li1</li>
    <li>li3</li>
    <li>li3</li>
</ol>
相关推荐
Smile_Gently2 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
luckycoke8 小时前
小程序立体轮播
前端·css·小程序
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
懒羊羊我小弟8 小时前
常用Webpack Loader汇总介绍
前端·webpack·node.js
祈澈菇凉9 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
顾比魁9 小时前
XSS盲打:当攻击者“盲狙”管理员
前端·网络安全·xss
黑客老李9 小时前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
java·运维·服务器·前端·xss
晚风予星9 小时前
简记|LogicFlow自定义BPMN元素节点
前端
Json____10 小时前
使用html css js 开发一个 教育机构前端静态网站模板
前端·css·html·js·前端学习·企业站·教育机构网站