主要用的开发工具： 编辑器、浏览器、photoshop。
常用的前端编辑器有：dreamweaver、sublime、webstorm、Hbuilder、vscode
浏览器：
浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐、谷歌、Safari和Opera等。称为五大浏览器。
浏览器内核又可以分成两部分：渲染引擎和 JS 引渲染引擎。
渲染引擎：
它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：
JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。
web标准构成:
web标准不是某一个标准，而是由W3C（万维网）和其他标准化组织制定的一系列标准的集合。
主要包括结构、表现和行为三个方面。
结构标准：结构用于对网页元素进行整理和分类，我们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，我们主要学的是 Javascript。
web标准的好处：
1、对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 web 更好地发展
2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
HTML:
HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
HTML指的是超文本标记语言 (Hyper Text Markup Language)
HTML不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
总结： HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
HTML骨架格式：
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>
1 HTML标签：作用所有HTML中标签的一个根节点。根标签
2 head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title。
3.title标签： 文档的标题
作用：让页面拥有一个属于自己的标题。
4.body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的
body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
HTML标签分类：
1、双标签 <标签名>内容</标签名>
2、单标签 </标签名>
单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
HTML标签关系：
1、嵌套关系
2、并列关系
常用标签：
1、标题标签
<hn>标题文本</hn>
注意：
1. 标题标签语义：作为标题使用，并且依据重要性递减
2. h1 标签因为重要，尽量少用，不要动不动就使用h1。一般h1都是给logo使用，或者页面中最重要标题信息。
2、段落标签
<p>内容</p>
P是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
3、水平线标签
<hr/>
在网页中显示默认样式的水平线。
4、换行标签
<br/>
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。
5、盒子与范围标签
<div>内容</div><span>内容</span>
div span是没有语义的
6、结构化表现化标签
<strong> 内容 </strong>将内容加粗显示
<em> 内容 </em> 将内容以斜体显示
<del> 内容 </del> 将内容加删除线显示
<ins> 内容 </ins> 内容加下划线显示
7、图片标签
<img src="" alt="">
图片找不到就显示alt中的内容
图片的路径分为绝对路径和相对路径
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
