- web概述
- html概述
- 文本处理
- 常用标签
web概述：
web三要素：
- 浏览器：向服务器发起请求，下载服务器中的网页（HTML），然后执行HTML显示出内容。
- 服务器：接受浏览器的请求，发送相应的页面到浏览器。
- HTTP协议：浏览器与服务器的通讯协议。
常用浏览器
- IE
- Edge
- FIREfox
- Chrome
- safari
特点：
- 图形化
- 与平台无关
- 分布式的
- 动态的
- 交互的
HTML概述
什么是HTML：
超文本标记语言（HyperText Markup Language，HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起呗众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
什么是标记？
HTML标记通常也被称为HTML标签，HTML标签是由尖括号包围的关键词。
HTML标签通常是成对出现的。
标签对中的第一个标签是开始标签，第二个标签是结束标签。
html标签分类：
- 开始标签：包括元素的名称，包裹在开始（<）和结束（>）尖括号中。这表示元素开始-在本例中表示了一个段落的开头。
- 结束标签：这与开始标记相同，除了它在元素名称之前有一个正斜杠（/）。这表示元素结束的位置-在本例中表示了一个段落的结尾。
1）嵌套元素
你可以把元素放在其他元素之中--这被称之为嵌套。如果我们想要表明我的小猫是非常暴躁的，可以将very嵌套在<strong>中，意味着这个单词被着重强调：
<p>My cat is <strong>very</strong> grumpy.</p>
2）块级元素和内联元素
在HTML中有两种需要知道的重要元素类别，块级元素和内联元素。
- 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中
- 内联元素通常出现在块级元素中并包裹文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常出现在一堆文字之间例如超链接元素
<a>或者强调元素<em>和<strong>。
3）注释
在编写HTML代码使想要对代码进行解释说明，那便可以将代码的说明放在注释中。 注释是被浏览器所忽略，并且对用户不可见;
语法：
<!-- 注释内容 -->
4）空元素
不是所有元素都拥有开始标签、内容和结束标签。有些元素只有一个标签，通常用来在此元素的位置插入/嵌入一些东西，这些元素被称之为空元素。在HTML中通常在一个空元素上使用一个闭标签是无效的。
5）属性
属性包含元素的额外信息，这些信息不会出现在实际的内容中。
常用的标准属性
- id： 定义元素在页面中的唯一标识
- title：鼠标移入到元素上时提示的文本
- class：样式相关，定义元素引用的类选择器
- style：样式相关，定义元素的行内样式
文本处理
1）标题元素
<h#>...</h#>
2）段落元素
<p>...</p>
3）列表元素
有序列表:<ol>...</ol>
无序列表:<ul>...</ul>
列表项：<li>...</li>
4）分区元素
块分区元素:<div>...</div>
行内分区元素:<span></span>
5）元素显示方式
块级元素，默认情况下，元素前后都会自动换行。
行内元素，不会换行，和其他行内元素位于同一行。
HTML常用标签
1、图像
图像元素
<img>
将图像添加到页面
必须属性src绝对路径和相对路径
绝对路径：文件从最高级目录下开始的完整路径。
相对路径：目标文件的位置是相对于当前文件的位置。
2、超链接
<a href="" target="">文本</a>
href属性：链接URL
target属性：目标打开方式
3、表格
创建表格：<table></table>
创建行：<tr><tr>
创建列：<td><td>
4、表单
（1）什么是表单？
表单用于显示、收集信息，并提交信息到服务器。
表单二要素：form元素，表单控件
表单就是从浏览器向服务器传输数据的手段
（2）表单控件
是信息输入项
（3）<input> 元素:
- 文本框:
<input type="text"/> - 密码框:
<input type="password"/> - 单选框：
<input type="radio"/> - 复选框：
<input type="checkbox"/> - 提交按钮：
<input type="submit"/> - 重置按钮：
<input type="reset"/> - 普通按钮:
<input type="button"/> - 隐藏域:
<input type="hidden"/> - 文件选择框:
<input type="file"/>
（4）其它元素
标签:
<lable for="控件ID"></lable>
for:设置该文本所关联的控件ID，关联后点击标签等同于点击控件。
文本域:
<textarea>文本</textarea>
多行文本框
下拉选:
<select>
<option> ...</option>
...
</select>
