学习HTML
-
认识网页
组成:文字,图片,按钮,输入框元素组成
-
网页的标准和规则
结构标准-----> 通过HTML标签搭建好一个网页框架
表现标准-----> 通过css对网页结构进行美化处理
行为标准-----> 通过JavaScript对网页中进行操作 -
了解服务器
概念: 用来浏览网页的软件
内核: 用来渲染网页的一个渲染引擎(将HTML可以转化成可以识别的图文信息)
内核分类: IE(Trident) 谷歌(Blink) 火狐浏览器(Gecko) 苹果(webkit) 欧朋浏览器(Presto) -
HTML的概念
概念: 超文本标记语言 ( Hyper Text Markup Language)
-
HTML的语法结构
基本语法结构 :
< !DOCTYPE html>
---------->文档的声明类型
<html>
------------>跟标签
<head>
------------>设置网页头部信息(网页中的基本信息)
</head>
<body>
------------->网页主体
</body>
</htm>
-
标签的写法分类
单标签: 标签只有开始,没有结束
双标签: 标签既有开始标签又有结束标签 -
HTML标签之间的关系分类
- 并列关系 : 标签之间相互独立的存在
- 嵌套关系: 标签之间可以相互嵌套包含(子元素和父元素)
- 标签之间基本的嵌套规则:
- 所有的双标签都可以作为父元素或者子元素
- 单标签不能嵌套其他标签
-
把每天的代码以天作为单位进行维护
- 整理代码要有顺序,
- html快速生 !+tab
-
相对路径和绝对路径
- 相对路径: 以某个文件作为参考
- 当前文件或图片和当前页面在同一个文件夹 直接写文件名字或者。/ 文件名称
- 如果当前文件在上一个目录中写 …/ 代表返回上一级
- 如果当前文件在下一级目录写文件夹名称/图片名称
- 绝对路径: 具有具体的网址路径–具体的网址
- 相对路径: 以某个文件作为参考
-
超链接与锚链接
- 超链接:实现页面跳转
- href:用来设置要跳转的目标路径
- target: 设置页面的打开方式 默认本窗口打开
target : “self" target = "blank"新的窗口打开(在head变迁中可以统一设置)
- 锚链接:当前页面的其他标签的时候在所需跳转标签加上一个id
- 超链接:实现页面跳转
-
设置网页图标
- 在head标签中设置
<link rel="icon" href="图片路径的名称">
- 在head标签中设置
-
h5多媒体常见的标签
- 视频标签 :
<video src="视频的路径" control(控制栏) loop(循环播放) autoplay(点击播放) 也有宽度和高度></video>
- 音频播放:
<audio></audio>
- 视频标签 :