6.28—050—周五

时间：2019-06-28 22:26:51 收藏：0 阅读：90

今日所学内容：

　　1、HTML5

　　2、css

前端:

　　学习前端目的：为我们开发的应用程序提供一个与用户进行交互的界面

　　前端分类：HTML5、CSS3、JavaScript三大部分

　　学习内容：HTML5、CSS3、JavaScript、jQuery前端框架及Bootstrap前端框架五个课程内容

一、HTML5

1、什么是HTML5 (HyperText Mark-up Language)

　　HTML5就是html语言，是一种标记语言，数字5是该语言的版本号；html语言开发的文件是以.html为后缀，制作运行在浏览器上展现给用户使用的前端界面，采用的语言是超文本标记语言(HyperText Mark-up Language)。

　　注：.html文件可以双击直接在浏览器中打开，被浏览器解析后显示给用户查看

2、如何学习HTML

　　学习方向：掌握转义字符、指令和标签三大组成部分

　　学习目的：通过标签知识完成搭建页面整体架构

3、转义字符

　　像后台开发语言的特殊字符\n一样，会被解析为换行，html5中也有很多特殊字符数字的组合，会被解析为特殊的含义

　　　　空格：&nbsp | 字符"：&quot | 字符&：&amp | 字符<：&lt | 字符>：&gt

4、指令

　　被<>包裹，以!开头的特殊符号，称之为指令。

　　指令中不区分大小写，前端需要掌握文档指令和注释指令两个即可。

　　1）文档指令：<!DOCTYPE html>
　　　　-- 需要出现在一个html文件的最上方，代表该文件采用html5语法进行编写文件的

2）注释指令：
　　　　--

5、标签 ——（重点）

　　被<>包裹，以字母开头，可以结合数字、- 连接符等合法字符的特殊字符，称之为标签

　　标签中不区分大小写，帮助我们来更好的显示页面内容，标签有系统标签与自定义标签两种，html5中建议使用系统标签，标签名都采用小写即可

页面结构相关的系统标签
　　1. 页面根标签：<html></html>
　　2. 页面头标签：<head></head>
　　3. 页面体标签：<body></body>
　　4. 页面标题标签：<title></tile>
　　5. 元标签：<meta />
　　6. 链接标签：<link />
　　7. 样式标签：<style></style>
　　8. 脚本标签：<script></script>

简单的系统标签
　　1. 标题标签：<h1></h1> ... <h6></h6>
　　2. 段落标签：<p></p>
　　3. 换行标签：<br />
　　4. 分割线标签：<hr />
　　5. 行文本标签：<span></span>
　　6. 斜体标签：<i></i>
　　7. 加粗标签：<b></b>
　　8. 图片标签：<img />
　　9. 超链接标签：<a></a>
　　7. "架构"标签：<div></div>

复杂的系统标签
　　1. 无需列表标签：<ul><li></li></ul>
　　2. 表格标签：<table></table>
　　3. 表单标签：<form></form>

二、css