Day1

一、网站和网页
网站提供特定服务的一组网页集合
网页是网站中的一页，由文字、图片、链接、音频视频等元素组成，网页又称为HTML文件，以.html或.htm为扩展名，用浏览器来查看。
HTML超文本标记语言（Hyper Text Markup Language），不是编程语言，而是标记语言，不同的标记表示不同的含义。
超文本有两种解释：1、超越了文本的限制还可以包含图片、链接、音频、视频等。2、页面间的跳转，让网站内部来呢西奇莱，让各个网站联系起来。
网页是由前端工程师用开发工具写代码通过浏览器的及时和渲染代码，用户就可以在浏览器中浏览页面的展示结果。
1、解释：读取HTML并分析HTML结构和内容
2、渲染：生成最后的页面并显示结果。
二、常用的浏览器
常用的浏览器为谷歌。五大浏览器：谷歌、火狐、Safari（苹果）、IE/Edge（微软）、Opera（欧朋）。
三、DOCTYPE和lang以及字符集的作用
!DOCTYPE html必须写在第一行，是告诉浏览器当前页面是H5的网页，不是HTML标签，是文档类型的声明标签。
lang是用来定义当前文档的语言，最常用的是zh-CN中文，en英文。
charset=”UTF-8”网页中一定要写，否则可能会出现乱码。UTF-8（万国码）web标签只有两种关系即包含关系和并列关系。
四、Web标准
结构（html）、表现（css)、行为(js)。结构最重要。
五、标签
web标签只有两种关系即包含关系和并列关系。
标签必须写在<>中,有单标签和双标签单标签很少，双标签是由开始标签和结束标签组成，结束标签必须有/。如
h:标题标签。h1~h6字体依次减小，重要性依次减小。独占一行
p:段落。独占一行
br：换行 。单标签。在H5中单标签可以不再输入斜杠。如br
strong或b：加粗。
em或i：倾斜 。i可以用于小图标。em可以用于加强语意
del或s：删除线。
ins或u：下划线。
div：无语意，可以理解成一个盒子。独占一行
span：无语意 。
img：图片路径。单标签。输入./可以查找图片有一个必须属性src，还有alt（替换文本），title（提示文本）属性。src属性值是图片路径，alt和title属性值是文本。width(宽度）、height（高度）、border（边框的粗细）这三个的属性值是像素（px）。width和height可以只定义一个另一个会等比例缩放。
超链接a的属性：href 必须属性 target 打开窗口的方式 默认的只是 _self 当前窗口打开页面 _blank 新窗口打开页面
锚链接：锚点链接可以实现页面内跳转。目标标签需要增加 id属性，才能实现锚点链接的跳转 —— 跳转到id 所在位置。（href=”#名字” 另一边id=”名字”)
相对路径可分为三种：同一级路径(兄弟）、下一级路径（大侄子）、上一级路径（叔叔 ）。使用./可以快速向下找，上一级路径使用…/
绝对路径：文件或文件夹的绝对位置，能够直接定位，能够定位唯一的文件或文件夹（网站必须写http://)
特殊符：空格：&nbsp；、大于号(>)：&gt；、小于号（<):&lt；。
六、目录文件夹和网站根目录
目录文件夹：就是普通文件夹，可以保存多个文件和其他文件夹；
网站根目录：一个网站项目的第一层文件夹，保存所有网站需要的网相对路径可分为三种页和素材。
：同一级路径(兄弟）、下一级路径（大侄子）、上一级路径（叔叔 ）。使用./可以快速向下找，上一级路径使用…/
绝对路径：文件或文件夹的绝对位置，能够直接定位，能够定位唯一的文件或文件夹（网站必须写http://)