您的位置: 首页  >  文章  >  自学前端---day2

自学前端---day2

分类: 文章 • 2024-02-05 07:46:16

#前端自学之路——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 可用于展示表达的完整版本自学前端---day24》<p>他说：<q>他很爱她……</q><br />但是，她不信!</p> 相当于给<q></q>之间的内容加上双引号，即实现长短不一的引用语。
自学前端---day2
5》删除与下划线
<p>我想<del>打游戏</del>？<ins>学习</ins>！</p>
自学前端---day2
6》文本下标

中国
<sub>我爱你</sub><!--带下标-->

自学前端---day2
文本上标

中国
<sup>我爱你</sup><!--带上标-->

自学前端---day2

相关推荐