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>
相关推荐
天宇&嘘月2 小时前
web第三次作业
前端·javascript·css
小王不会写code3 小时前
axios
前端·javascript·axios
发呆的薇薇°4 小时前
vue3 配置@根路径
前端·vue.js
luckyext4 小时前
HBuilderX中,VUE生成随机数字,vue调用随机数函数
前端·javascript·vue.js·微信小程序·小程序
小小码农(找工作版)4 小时前
JavaScript 前端面试 4(作用域链、this)
前端·javascript·面试
前端没钱4 小时前
前端需要学习 Docker 吗?
前端·学习·docker
前端郭德纲5 小时前
前端自动化部署的极简方案
运维·前端·自动化
海绵宝宝_5 小时前
【HarmonyOS NEXT】获取正式应用签名证书的签名信息
android·前端·华为·harmonyos·鸿蒙·鸿蒙应用开发
码农土豆5 小时前
chrome V3插件开发,调用 chrome.action.setIcon,提示路径找不到
前端·chrome
鱼樱前端5 小时前
深入JavaScript引擎与模块加载机制:从V8原理到模块化实战
前端·javascript