初步的认识
拨云见日，溯本求源，风生水起，巧夺天工
HTML和CSS
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等
CSS指的是层叠样式表，一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。作用是：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更漂亮，更容易编排。
宇宙第一编译器VSCode
ctrl+s：保存
ctrl+a：全选
ctrl+x：剪切
ctrl+c：复制
ctrl+v：粘粘
ctrl+z：撤销
ctrl+y：前进
shift+end：从头选中一行
shift+home：从尾部选中一行
shift+alt+↓：快速复制一行
alt+↑或↓：快速移动一行
tab：向后缩进
tab+shift：向前缩进
多光标：alt+鼠标左键
ctrl+d：选择相同元素的下一个
Chrome
Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。
市场上常见的浏览器
浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。IE最新版为Edge。
Internet Explorer（简称：IE）
Internet Explorer是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer（6版本以前）和Windows Internet Explorer（7、8、9、10、11版本）。在IE7以前，中文直译为“网络探路者”，但在IE7以后官方便直接俗称"IE浏览器"。
2015年3月微软确认将放弃IE品牌。转而在Windows 10上，用Microsoft Edge取代了Internet Explorer
火狐
Firefox是一款免费快速的、安全的、自由的开源浏览器，是完全开源的免费软件，任何人都可以得到它的源代码，并对他加以改进。Firefox的作者是美国少年布雷克·罗斯，中文名称叫火狐狸.
谷歌
谷歌搜索引擎是谷歌公司的主要产品，也是世界上最大的搜索引擎之一，由两名斯坦福大学的理学博士生拉里·佩奇和谢尔盖·布林建立。
谷歌搜索引擎拥有网站、图像、新闻组和目录服务四个功能模块，提供常规搜索和高级搜索两种功能。
Safari
Safari是一款由苹果公司开发的网页浏览器，是各类苹果设备（如Mac、iPhone、iPad、iPod Touch）的默认浏览器。Safari使用WebKit浏览器引擎。
Opera
Opera是一款由挪威Opera Software ASA公司开发的浏览器，具有网络同步、密码管理、快速拨号、网络加速等功能。
HTML、CSS、JavaScript
Web前端三剑客：HTML、CSS、JavaScript，它们看上去是三种不同的技术，但在实际中却是相互搭配使用的。
HTML是用来标记内容的（重在内容组织上）
HTML是超文本标记语言的简称，它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来，告诉浏览器该如何显示其中的内容。
CSS是用来修饰内容样式的（重在内容样式美化展示上）
CSS是层叠样式表的简称，它用来表现HTML文件样式的，简单说就是负责HTML页面中元素的展现及排版。
JavaScript是用来做交互的
JavaScript是一种脚本语言，即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎，JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的，使静态的HTML具有一定的交互行为（比如表单提交、动画特效、弹窗等）。
如果把HTML比做身体，那CSS就好比是衣服，而JavaScript则意味着人能做的一些高级动作。
HTML
初始代码
每个.html文件都有的代码叫做初始代码，要复合HTML文件的规范写法
！+tab 创建
注释
注释的代码，只有在文件中看得到，在浏览器显示不出来
添加注释 ctrl+/
删除注释shift+alt+a
<!--注释的内容-->
意义：把暂时不用的代码注释起来，方便以后使用；对开发人员进行提示
语义化
根据网页中内容的结构，选择适合的HTML标签进行编写
1．在没有 CSS 的情况下，页面也能呈现出很好的内容结构。
2．有利于 SEO ，让搜索引擎爬虫更好的理解网页。
3．方便其他设备解析（如屏幕阅读器、盲人阅读器等）。
4．便于团队开发与维护。
标题，段落
<h1></h1>`标题标签，用于展示效果中划分标题
单标签`<header>`
双标签`<header></header>`
单词+tab→`<单词>`
`<br/>`HTML源码中换行，浏览器解析时会自动忽略
文本修饰标签
强调 →双标签：
<strong>表强调，会加粗
<em>表强调，斜体
<sub>，<sup>:下标，上标文本
<del>,<ins>:删除，插入文本`<font>`字体标签，用于展示效果中修饰文字样式
>`<body>`东边日出`<font color="green" size="50" face="宋体">`西边雨`</font></body>`
图片
`<img/>`用于在页面效果中展示一张图片。
src：指明图片的路径。
alt:当图片出现问题时，可以显示一段友好的提示文字
title：提示信息
width，height：图片大小
例如：`../img/c_1.jpg`
../表示上一层目录./表示当前目录
引入文件的地址路径
相对路径和绝对路径
.在路径中表示当前路径
…表上一级路径
跳转链接
href属性：链接的地址
target属性;改变链接打开的方式，默认情况：当前页面self，新窗口blank
图片跳转
1.#号+id属性
2.#号+name属性（加a标签）
特殊符号
| 特殊字符 | 含义 | 特殊字符代码 |
|---|---|---|
| 空格符 |  ； | |
| © | 版权 | ©； |
| ® | 注册商标 | ®； |
| < | 小于号 | <； |
| > | 大于号 | >； |
| & | 和号 | &； |
| ¥ | 人民币 | ¥； |
| ° | 摄氏度 | °； |
无序列表
(符合嵌套的规范）
<ul>,<li>:列表的最外层容器，列表项
注：ul,li必须是组合出现，他们之间是不能有其他标签
type属性：改变前面标记的样式（一般用cssc控制）
有序列表
（用的少）
<ol>,<li>:列表的最外层容器，列表项
注：无序列表可代替有序列表
type属性：同上
定义列表
（列表项需要添加题目和对标题进行描述的内容）
<dl>:定义列表
<dt>:大一专业术语或名词
<dd>:对名词进行解释和描述
1692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
