#前端自学之路——day 2
1. 复习网页的基本架构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>自学前端第二天！</title>
</head>
<body>开始学习插入图片，视频啦！</body>
</html>
2. 如何在网页中加入图片
<img src="a.jpg" width="" height=""/>
3.如何在网页中加入视频
<video width="" height="" controls>`
<source src="a.mp4" type="video/mp4">
<source src="a.ogg" type="video/ogg">
你的浏览器不支持这个播放器！
</video>
注意
写多行source是为了兼容各个浏览器，准备多个相同内容，格式不同的视频。因为浏览器对视频格式支持不统一，例如有些浏览器支持mp4格式，那么它就播放第一个mp4格式的视频，如果它不支持就检查是不是支持下面的ogg视频，如果支持就播放，不支持的话继续向下，下面没有source了，那么就显示“ 你的浏览器不支持这个播放器！”
4.标签用法
1》<a href="http://www........com">描述网页，展现给用户</a>
2》<br />用来换行：没有结束标签，遇到<p>标签时通常会在相邻的段落之间插入一些垂直的距离。`
3》<abbr title="完整词" >缩略词</abbr>把鼠标移至缩略词语上时，title 可用于展示表达的完整版本
4》<p>他说：<q>他很爱她……</q><br />但是，她不信!</p> 相当于给<q></q>之间的内容加上双引号，即实现长短不一的引用语。
5》删除与下划线
<p>我想<del>打游戏</del>？<ins>学习</ins>！</p>
6》文本下标
中国
<sub>我爱你</sub><!--带下标-->
文本上标
中国
<sup>我爱你</sup><!--带上标-->
扫一扫
490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
