从前，浏览器只能展示本地安装的字体。如果字体未安装，网页显示效果会大打折扣。

声明：SVG 虽然也是标签，但它不是 HTML5，标题加了 HTML5 只是为了与 canvas 放到一起。

一、为什么要学 SVG ?

SVG 意为可缩放矢量图形（Scalable Vector Graphics），使用 XML 格式定义矢量图形。其他的图像格式都是基于像素的，但是 SVG 没有单位的概念，它的20只是表示1的20倍，所以 SVG 绘制的图形放大或缩小都不会失真。

在我们先前进行网站页面内容解析的过程中，通常选择运用正则表达式来完成此任务。然而，正如前面几篇文章所阐述和分析的那样，无论是正则表达式还是XPath，它们虽各自具备适应不同应用场景的优势，却也都存在着各自难以避免的缺陷。例如，正则表达式具有相对复杂的语法结构并且需要大量的编程知识才能熟练掌握；而XPath虽然使得实现路径查找更为简洁易懂，但却需要编写复杂的节点路径编码。因此，为了充分利用HTML读取技术的强大功能，同时追求更加简明直观的操作体验，本文将向您推荐Beautiful Soup这款强大的三方工具。那么，它是否能够如其名字那般“美丽”呢？接下来，让我们共同揭开这个谜团！

音频、视频的格式

开始学习之前，我们要下载些素材用来测试使用，地址如下：https://pan.baidu.com/s/1reRWno0ibYRcYXjw4MClqw

提取码：td80

其中包括两个视频一个音频和一个安装程序。

学习如何在页面中添加音频、视频之前应该了解一点基础知识。

我们应该都有在互联网上下载电影、视频、音乐的经历，大家会注意到，有的视频文件名的后缀是.avi，有的视频是.mp4，还有.mov的，据不完全统计，常见的各种视频格式有十几种之多。

前言

学习网页的概念和分类，了解静态网页和动态网页的不同；了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念，制作简单的HTML页面的开发。

什么是网页

可以在internet上通过网页浏览信息，如新闻，图片等，还可发布信息，如招聘信息等，网页是在某个地方某一台计算机上的一个文件。

网页主要由3部分组成：

HTML5 概述

HTML5 是 HTML 语言最受欢迎的版本之一，它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了article, section, header这样的标签来帮助开发者更好地组织页面内容。然而 HTML5 规范仍然没有最后定稿，并且它并不是一个真正意义上的语义标记语言。

HTML6 展望

你有没有曾经希望能在 HTML 中使用自定义标签？比如：使用来显示你的网站logo，还有使用来显示工具栏等等。我们经常使用

前言

说起文档流，一脸懵逼，这啥东东？网页是由各种HTML元素组成的，这些元素在计算布局排版的过程中,会自动的按照从左到右(

HTML的发展历史

HTML的历史可以追溯到很久以前。1993年，HTML首次以互联网草案的形式发布。20世纪90年代的人见证了HTML的高速发展，从2.0版，到3.2版和4.0版，再到1999年的4.01版。随着HTML的发展，W3C（万维网联盟）掌握了对HTML规范的控制权。

然而，在快速发布了这4个版本之后，业界普遍认为HTML已经“无路可走”了，对Web标准的焦点也开始转移到了XML和XHTML上，HTML则被放在了次要位置。

今天继续为大家分享前端的知识，如果对前端比较感兴趣的小伙伴，可以关注我，我会更大家继续分享更多与前端相关的内容，当然如果内容中又不当的或者文字错误的，欢迎大家在评论区留言，我会及时修改纠正。

1.初识HTML

• HTML指的是超文本标记语言（

大家好，我是自学web前端一直到现在，现在也可以做一个有颜色、有动画、布局的动态页面，这一路走来，很不容易，当然，也遇见过许多问题，最后都解决了，现在也可以称得上是一个入门级 “小白”，从基础的HTML、CSS、JavaScript到小程序，总结了很多的经验，给大家分享一下，大佬勿喷，有什么不对的地方请在下方评论。

HTML(网页)

web前端的基本概念。