重点内容：
1.html、css、js三者的关系
2.单标签和双标签的区别
单标签不能包裹文字和其它标签，双标签可以包裹文字和其它标签
3.内联元素和块级元素
内联元素也叫作行内元素，不自占一行，内容有多大撑多大，没有内容，就什么都没有。
块级元素，默认（没有单独设定宽度的时候）自占父元素的一行
文字的级别和内联元素的级别是一致的
4.br换行
br换行标签，不能做结构布局使用，建议用在文本换行，比如，两个段落
5.元素的全局属性
（1）id元素的唯一标识，不允许重复，不允许多个，不允许数字开头。如直接获取该元素，传输接收数据的元素
（2）class 类属性，重点，代表当前元素归类，不允许数字开头，常用于样式的设置,可以写多个类的值，中间用空格分卡，也可以和其它元素具有相同的类名
6.空连接
<a href=”javascript:void(0);”>void(0)返回undefined不做任何处理</a>
<a href=”javascript:;”>执行一条空语句</a>
二、vscode 的安装与使用
1. 软件下载
下载地址https://code.visualstudio.com/
2. 软件的使/p>
需要下载的插件
三、web 的概述
1. Internet 互联
Internet 互联 是一种系统架构，通过允许世界各地的各种计算机 络互连。Internet 服务指的是为用户提供的互联 服务，包括 www。internet 提供的服务有：
1. 远程登录服务(Telnet)
2. 文件传输服务(FTP)
3. 电子邮件服务(E-Mail)
4. 络新闻服务(Usenet)
5. 名址服务(Finger、Whois、X.500、Netfind)
6. 文档查询索引服务(Archie、WAIS)
7. 信息浏览服务(Gopher、WWW)
8. 其它信息服务(Talk、IRC、MUD)
2. web 万维
“万维 ”（World Wide Web）www，也就是我们现在所熟知的 Web。万维 用链接的方法能非常方便地从互联 上的一个站点访问另一个站点，从而主动地按需获取信息。万维 中每个站点都存放了许多文档（文件、多媒体文件、图片等），供互联 上的主机查阅。
3. 前端开发和 web
前端开发流程就是创建一个 web 页面或者一个 app 应用的过程，它涉及三种语言分别是 html、css、JavaScript。
三者的关系
页前台分三个层次：内容层，样式层，行为层。
– 内容层用 HTML 表现
– 样式层用 CSS 规定
– 行为层用脚本 JavaScript 控制
四、HTML 概述
1. HTML 概念
（1）HTML 含义
HTML 的英文全称是 Hyper Text Markup Language，超文本标记语言。
HTML 是构建页面的标记，它用于承载 站的内容，如：文本、图片、音频、视频等。
（2）HTML和 页
HTML 的标签和纯文本按规则的组成成为一个“ 页”。
对应的 html 代码：
（3）HTML 的规则
– 文档结构规则
– 标签书写规则
– 属性书写规则
– 文件加载规则
– 标签嵌套规则
– HTML 注释规则
2.结构规则
`<!DOCTYPE html>`不是 html 语言标签，是文档声明，是指定了 web 浏览器关于页面使用哪个 html 版本进行编写指令，html 是 html5 的版本。
`<html></html>`整个文档的内容 lang 属性的意思是告诉浏览器文档语言，en 是英文内容，中文 zh。
`<head></head>`标签的作用和它里面的标签，描述用的标签，链接样式表等。
`<meta/>`标签是 head 部的一个辅助性标签。它并不会显示在页面上，可用于浏览器（如何显示内容或重新加载页面）、搜索引擎（SEO）、或其他 web 服务。其中`<meta charset=”UTF-8″>` 页制作所使用的字符集，就是 页使用何种文字以及语言。
`<title>文档标题</title>`文档标题，显示在浏览器标签栏中，搜索引擎会比较在意这个标签的内容，它会是搜索引擎判断的依据。
`<body></body>`标签的作用和主要承载标签，显示给用户的内容。
3. 标签书写规则
– 标签名使用小写
– 双标签成对出现，建议关闭所有 HTML 元素
– 单标签在 html5 规范中可以省略`/`
（1）标签样式
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！