7-9：HTML学习#4-CSDN博客

本文链接：https://blog.csdn.net/weixin_70738298/article/details/125692764

今日学习：HTML的分布和插入媒体。学习时长：3h

语义化结构

·<header> 标签用于定义文档的页眉。

·<section> 标签用于定义定义文档中的节。

·<main> 标签用于定义文档<body>或应用的主体部分。

·<aside> 标签定义侧边栏，通常是网页的说明、提示、引用、附加注释、相关链接、广告等内容。

·<footer> 标签定义文档或节的页脚。

·<article> 标签用于定义一篇文章，与页面其它部分无关。

·<summary> 标签定义 <details> 元素的标题。

·<details> 标签用于定义用户可见的或者隐藏的需求的补充细节。

实例：

图片媒体元素

·<source> 标签为 picture, audio 或者 video 元素指定多个媒体资源。

·picture> 标签为其内部特定的 img 元素提供多样的 source 元素。

·<map>标签定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

属性	值	描述
name	mapname	指定图像映射的名字。

·<area> 标签定义图像映射中的区域,area 元素总是嵌套在 <map> 标签中。

·<figcaption> 标签为 figure 元素定义标题。

·<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）,经常与说明 figcaption 元素配合使用, 并且作为一个独立的引用单元。

·<video> 标签定义视频，比如电影片段或其他视频流。

·<audio> 标签定义声音，比如音乐或其他音频流。

·<track> 标签用于为 HTML5 的媒体文件添加字幕。

·<progress> 标签定义运行中的任务进度。

·<meter> 标签定义一个范围内的测量值/分数值。

·<iframe> 标签会创建包含另外一个文档的内联框架。

CSS

HTML中插入CSS样式表三种方式：

1：内联样式

2：内部样式表

3：外部样式表

实例：