HTML5
关注
分享
扫一扫
文章平均质量分 73
TUTsmile
2020届毕业生，博客作为个人的学习笔记，希望能够给各位提供参考价值，若不明白可以评论或私信，第一时间回复、修改博客
展开
-
前端入门学习笔记（八）HTML5入门（二）网页的基础标签
页面结构开头我我们先复习一下，通用的HTML5页面结构： 接下来我们将会较为分别介绍每个标签。网页基础标签1.<header>页眉<header>标签定义了文档的头部区域（可以理解为页眉）。该元素适合在<body>标签内部使用原创 2018-08-14 19:13:05 · 288 阅读 · 0 评论 -
前端入门学习笔记（七）HTML5入门（一）内容模型、页面结构
HTML5特性在编写HTML5文档的时候,<!DOCTYPE>必须放在第一行。<!DOCTYPE html>字符编码 (字符集) 声明也被简化（对比XHTML1.0的规范）:<meta http-equiv="Content-Type&am原创 2018-08-08 14:34:06 · 635 阅读 · 0 评论 -
前端入门学习笔记（九）HTML5入门（三）网页的audio,video标签
<audio>标签HTML5 audio标签HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素来进行音频播放。在此之前，许多音频是通过插件（比如Flash）来播放的（需要用到embed标签） 网易云所提供的外链播放器代码及其效果<embed src="//mus原创 2018-08-15 16:54:37 · 425 阅读 · 0 评论 -
前端入门学习笔记（十）HTML5入门（四）SVG 矢量图形
SVG介绍什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 与 DOM 和 XSL 之类的 W3C 标准是一个整体SVG优势（相对于其他图片格式如JPG）...原创 2018-08-17 15:07:51 · 1593 阅读 · 0 评论 -
前端入门学习笔记（十一）HTML5入门（五）SVG 动画、路径
SVG动画<animate><animate>标签放在图形内部，以下的实例为将矩形在3秒内将其x属性从0更改为300。即从x<svg width="1000" height="250"><rect width="150" height="150" fill="orange"> &原创 2018-08-17 15:37:07 · 357 阅读 · 0 评论 -
前端入门学习笔记（十二）HTML5入门（六）表单
之前的学习笔记中，也有涉及到表单，但是在HTML5中，表单添加了不少新的特性，添加了多个新属性和输入类型。表单创建HTML5的表单的创建，与HTML的表单创建方式相同。效果在此处便不再展示。&lt;form&gt; &lt;input type="text" name="username" /&gt;&lt;/fo原创 2018-09-13 09:36:06 · 254 阅读 · 0 评论