基础学习路线：
一：网页
1.什么是网页
答：网页是多个网站的集合，网站是网页中的一个页。网页由图片，文字，声音，视频等组成。俗称HTML文件。
2.什么是HTML？
答：HTML是一种标记语言。（超文本标签语言），标记语言是一套标记标签。
3.网页的形成
答：网页是由网页元素组成的，这些元素是利用HTML标签描述出来，然后通过浏览器解析来显示给用户的。
前端人员开发代码->浏览器显示代码（解析、渲染）---->生成最后的Web页面
二.Web标准（重点）
1.Web标准的构成
答：
结构：用于对网页元素进行整理和分类，现阶段只要学的是HTML
表现：用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
行为：是指网页模型的定义及交互的编写。现阶段主要学的是Javascript。
Web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到html中，表现写到CSS文件中，行为写到JavaScript文件中。
HTML语法规范
1.1基本语法概述
1.HTML标签是由尖括号包围的关键词，例如<html>
2.HTML标签通常是成对出现的，<html>是开始标签，</html>是结束标签。
3.有些特殊的标签必须是单个标签（极少情况），例如<br />称为单标签
1.2标签关系
1.包含关系
2.并列关系
2.HTML基本结构标签
2.1第一个HTML页面
每个页面都会有一个基本的结构标签，页面内容也是在 这些基本标签上书写。HTML页面也称为HTML文档。
HTML标签：页面中最大的标签，我们称为根标签
<head></head>：文档的头部，注意在head标签中我们必须要设置的标签是title
<title></title>：文档的标题，让页面拥有一个属于自己的网页标题
<body></body>：文档的主体，元素包含文档的所有内容，页面内容基本都是放到此body里面
3.网页开发工具
3.1文档类型声明标签
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。
3.2lang语言种类-用来定义当前文档显示的语言
1.en定义语言为英文
2.zh-CN定义语言为中文
对于文档显示来说，定义为en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文
3.3字符集
字符集是多个字符的集合，以便计算机能够识别和存储各种文字。
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
4.HTML常用标签
4.1标签语义
4.2标题标签<h1>-<h6>(重要）
<h1>我是一级标签</h1>
标签语义：作为标题使用，并且根据重要性递减
特点：
1.加了标题的文字会变得更加粗，字号也会依次变大
2.一个标题独占一行
4.3段落和换行标签（重要）
在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。
<p>我是一个段落标签</p>
标签语义：可以把HTML文档分割成若干个段落
特点：
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。
如果希望某段文本强制换行显示，就需要使用换行标签<br />
标签语义：强制换行
特点：
1.<br />是个单标签
2.<br />标签知识简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
4.4文本格式化标签
标签语义：突出重要性，比普通文字更重要
加粗 <strong></strong>或者<b></b>
倾斜 <em></em>或者<i></i>
4.5<div>和<span>标签
<div>和<span>是没有语义的，它们就是一个盒子，用来装内容给的
特点：
1.<div>标签用来布局，但是现在一行只能放一个<div>。大盒子
2.<span>标签用来布局，一行上可以多个<span>。小盒子
4.6图像标签和路径（重点）
1.图像标签可以拥有多个属性，必须写在标签名后面
2.属性之间不分先后顺序，标签与属性名，属性与属性之间均以空格分开
3.属性采取键值对的格式，即key=“value”的格式，属性=“属性值”。
路径：相对路径和绝对路径
4.7超链接标签（重点）
1.链接的语法格式：
herf：用于指定链接目标的ur地址，必要属性内衣
target：用于指定链接页面的打开方式
内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，
例如<a href="index.html">首页</a>
空链接：如果当时没有确定链接目标时，<a href="#">首页</a>
下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加链接。
锚点链接：点我们点击链接，可以快速定位到页面中的某个位置。
1.在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>
2.找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id="two">第二集介绍</h3>
HTML标签下
1.表格标签
表格的主要作用：用于展示和现实数据
1.3标头单元格标签
一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示，
<th>标签表示HTML表格的表头部分(table head的缩写）
1.4表格属性：这些属性要写到表格标签里面
2.列表标签
列表是用来布局的，列表最大的特点就是整齐，整洁，有序。
无序列表，有序列表，自定义列表
2.1无序列表（重点）
<ul>标签表示HTML界面中项目的无序列表。而列表项可用<li>表示。
2.2无序列表
<ol>标签
2.3自定义列表
自定义列表场用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
3.表单标签
使用表单的目的是收集信息。
3.2表单的组成
表单域，表单控件（表单元素），提示信息。
3.3表单域
表单域是包含表单元素的区域
<form>标签用于表示表单域，会把范围内的表单元素信息提交给服务器。
3.4表单元素
<input>表单元素：用于收集用户信息
<input tupe="属性值" />
3.4.2<label>标签
<label>标签为Input元素定义标注（标签）
<label>标签用于绑定一个表单元素，当点集<label》标签内的文本时，浏览器就会
自动将光标转到或者选择对应的表单元素上，来增加用户体验。
3.4.3select下拉表单元素
3.4.3textarea文本域元素
使用场景：多行文本输入的控件
扫一扫
9197
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
