Python -- 浅谈HTML5

最新推荐文章于 2025-07-16 16:51:55 发布

原创

最新推荐文章于 2025-07-16 16:51:55 发布 · 2.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html sublime

本文介绍了HTML5的基础知识，包括其作为网页标准标记语言的角色，文档类型声明，基本标签结构如html, head, body，以及文本、列表和图像的标记方式。推荐使用Sublime进行HTML编写，并鼓励读者通过在线资源学习更多。" 87878027,8220664,Robot Framework Python3入门常见问题整理,"['Robot Framework', 'Python3', '自动化测试', '测试工具']

关键字：前端、html

所有的代码都写在html标签下它是最顶级标签

标签基本上都有开始标签和结束标签标签还可以有属性 –>

1. 标签(tag/element)- 承载内容 -->
2. 层叠样式表(css)- 显示/渲染页面 -->
3. JavaScript 交互式行为-->

doctype html文档类型说明说明页面使用的是HTML5的规范

html / heaad / body

文本 - h1-h6 / p / br / hr / sub / sup / strong / em / del / ins / q

列表 - ul / ol (li) / dl (dt / dd)

图像 - img / figure / figcation

Sublime 写标签语言 - HTML

<!doctype html>
<html>
    <!-- head 标签的内容不会显示在浏览器主窗口中
        但是这里面通常包含了网页的元数据信息
    -->
    <head>
        <meta charset="utf-8">
        <!-- title 标签代表网页的标题 -->
        <title>xl的个人空间</title>
        <style>
            h1 {
                color: #ff0000;
                font-size: 3cm;
            }
        </style>
    </head>
    <!--body标签中的内容就是要显示在浏览器窗口中的信息-->
    <body style="background-color: gray ">
        <p><h1 style="text-align: center;">xl的个人空间</h1></p>
        <p><h2 >Music</h2>
            <audio controls autoplay loop>
            <source src="resourses/sound.mp3" type="audio/mp3">
        </audio></p>
        <p><h2 style="text-align: center;">鬼吹灯</h2>
            Video<video controls autoplay loop>
            <source src="resourses/gcd.mp4">
        </video></p>


        <p>网页：<iframe width="800" height="800" name="a"></iframe></p>
        <p><a href="http://www.baidu.com" target="a">Baidu.Com</a></p>

        <!--这里的title是网页运行后，鼠标指着hello,world
        会出现该提示信息 -->
        <!--锚点-->
        <a id="top"></a>
        <h1 title="这是一个提示信息">hello,word!</h1>
        <hr>
        <p><ins>床前</ins>明月光1<sup></sup></p> 
        <p>李白想<s