html (Hypertext Markup Language) 超文本语言
1. html语法
注释 <!----> 解释说明 便于代码阅读
元素属性 id class style title
空白语法 无论文档有多少空格 浏览器只会解析为一个空白
字符实体 空格 <小于号 > 大于号
2.元素
块级元素 p div section html body h1-h6 h5新增标签
特点:1.独占一行
2.默认宽度100%
3.可以根据css属性设置宽高
4.高度由自身内容决定
行内元素 span i a strong b em mark sub sup
特点:1.与其他行内元素共享一行
2.高度由自身内容决定
3.无法根据css属性来设置宽高
4.不建议嵌套块级元素
3.常用标签
a标签:
1.打开链接 进行页面跳转
2.锚点 指定锚点跳转
回到顶部 herf="#"
指定锚点 给标签设置id herf="#id"
3.发送邮件
herf='mailto:邮箱地址'
target 指定a标签打开方式
base 标签放在head标签里 可以指定a标签所有打开方式
img标签 属性:width height src alt
音视频
1.video
autoplay 自动播放 muted 静音播放 controls 控制条
loop 循环播放 poster 封面 width height
2.audio
autoplay 自动播放 muted 静音播放 controls 控制条
4.h5新增语义化标签
header footer article nav address details配合summary
figure figcaption
以下部分举例说明
<body>
<!-- figure -->
<figure>
<figcaption>我是图片</figcaption>
<img src="../音视频/ad7.jpeg" alt="">
</figure>
<!-- details -->
<details>
<summary>一线城市</summary>
<div>北京</div>
<div>上海</div>
<div>深圳</div>
</details>
<mark>高亮效果</mark>
<u>下划线</u>
</body>