学习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="图片路径的名称" target="_blank" rel="external nofollow" >
- 在head标签中设置
-
h5多媒体常见的标签
- 视频标签 ：
<video src="视频的路径" control(控制栏) loop（循环播放） autoplay（点击播放） 也有宽度和高度></video>
- 音频播放：
<audio></audio>
- 视频标签 ：
![Spring MVC 自学杂记（五） -- SpringMVC与前台的json数据交互[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)