HTML之自学笔记Ⅱ

最新推荐文章于 2026-08-12 10:47:41 发布

原创最新推荐文章于 2026-08-12 10:47:41 发布 · 408 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML5

本文是作者关于HTML5的自学笔记，深入浅出地探讨了HTML5的新特性、语法改进和实际应用，帮助读者掌握现代网页开发的基础知识。

<!--
    常用标签
        标题    h1-h6   语义化  双标记
        段落    p   双标记
        格式化标签
            em/i    让文本倾斜  i没有语义   em有强调的意义
            <br/>   换行标记
            b/strong    加粗    strong有语义    b没有语义
        图像标签
            img     <img src="xxx.jpeg" alt="">     一般都是相对路径
            相对路径    相对的是当前网页
            绝对路径    带有盘符或者网址的
            当前图片资源和当前网页在同一目录下，此时路径直接写图片名称即可
                <img src="xxx.jpeg" alt="">
            当前图片资源所在的目录和当前网页在同一目录下，此时路径写 图片所在目录/图片文件名 即可
                <img src="图片所在目录/xxx.jpeg" alt="">
            当前图片资源所在的目录和当前网页所在目录在同一目录下，此时路径写 ../图片所在目录/图片文件名 即可
                <img src="../图片所在目录/xxx.jpeg" alt="">     其中..表示上级  .表示当前目录
                属性
                    src：图片路径
                    title：鼠标悬停文本
                    alt：图片替换文本   图片加载失败显示的文本
                    width：宽
                    height：高
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>一级标题</h1><!--一般一个网页只用一个，重要的东西才使用，比如logo-->
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <P><em>中国专业IT社区CSDN (Chinese Software Developer Network) </em>创立于1999年，致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。</P>
    <p><i>旗下拥有</i>：专业的中文IT技术社区： CSDN.NET；
        <br/>移动端开发者专属APP： CSDN APP、CSDN学院APP；
        <br/>新媒体矩阵微信公众号：CSDN资讯、程序人生、GitChat、CSDN学院、AI科技大本营、区块链大本营、CSDN云计算、GitChat精品课、人工智能头条、CSDN企业招聘；
        <br/>IT技术培训学习平台： CSDN学院；技术知识移动社区： GitChat；IT人力资源服务：科锐福克斯；高校IT技术学习成长平台：高校俱乐部。</p>
    <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="重试一下吧！" title="百度" width="300" height="150">
</body>
</html>

标签

#html5