Python -- 浅谈HTML5

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

关键字:前端、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>李白想<sub>2</sub>婆娘</p> 
        
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值