HTML知识1
1，web概述
WEB就是互联网上的一种应用程序 - 网页程序；
程序结构：
（1）C / S： C:Client 客户端；S:Server 服务器；
（2）B / S： B:Browser 浏览器；S:Server 服务器
2、WEB组成 & 运行流程
WEB组成：浏览器，服务器 和 通信协议组成
（1）浏览器：代替用户向服务器发送请求(User Agent)
（2）服务器：接收用户请求并给出响应
（3）通信协议：规范了请求和响应数据是如何打包以及传递的 - http：超级 文本 传输 协议（Hyper Text Transfer Protocal）
3、WEB 服务器
（1）服务器的作用：用于接收用户的请求并给出响应；存储WEB的信息；具备安全性功能；
（2）产品：APACHE；TOMCAT；IIS；Nginx；
（3）技术：Python Web ；JSP；php；ASP.NET
4、WEB 浏览器
作用：代替用户向服务器发送请求；作为响应数据的解释和执行引擎；
主要浏览器产品：Microsoft IE(Internet Explorer)；Google Chrome；Mozilla Firefox；Apple Safari；Opera Opera
浏览器靠内核处理数据，内核包含以下两部分：
（1）内容排版引擎 - HTML，CSS
（2）脚本解释引擎 - JavaScript
浏览器技术：HTML；CSS；JavaScript - JS
#########################################
HTML概述
HTML介绍 & 基础语法
1、什么是HTML？ 超级 文本 标记 语言Hyper Text Markup Language
超文本 ：具备特殊功能的文本
普通文本 a : 普通字符 a
超文本 a : 表示超链接功能
普通文本 b : 普通字符 b
超文本 b : 表示加粗功能
标记 ：超文本的组成形式
普通文本 a : a
超文本 a :<a></a>
HTML是由W3C负责制定和推广规范的；W3C : World Wide Web Consortium(万维网联盟)
2、HTML 在计算机中的表现：
HTML在计算机中以 .html 或 .htm 为结尾的文件存在的
（1）开发工具：所有的文本编辑软件
windows 记事本；Editplus , Sublime；Webstorm,Dreamweaver,... ...
（2）运行工具：浏览器
推荐使用：Google Chrome 浏览器
练习：
1、创建一个文本文件
2、将文件更名为 01-html.html
3、选择使用 Chrome 打开网页查看效果
4、选择使用 Editplus 编辑网页内容
标记的语法规范
1，什么是标记
在网页中用于表示功能的符号称为"标记/标签/元素"
2，语法
标记在使用过程中，需要用 <> 括起来
标记分为 双标记 和 单标记
（1）双标记，是有显示的开始 和 结束标记组成的
语法：<标记>内容</标记>
ex:
<b>普通文本</b>
<s>文本内容</s>
注意：有开始，必须有结束，否则会产生意想不到的效果
练习：
1、创建一对 p标记
<p></p>
2、创建一对 div标记
<div></div>
3、创建一对 a标记
<a></a>
（2）单标记：只有一个标记，既能表示开始，也能表示结束
语法：<标记> 或 <标记/>
ex:
<br> 或 <br/> : 换行
<hr> 或 <hr/> : 一条水平线
<img> 或 <img/> : 图片
<input> 或 <input/> : 表单控件
3，标记的嵌套
在一对标记中，又出现了其他的标记，相当于就是功能的嵌套
ex:
<s><b>文本内容</b></s>
标记嵌套时一定要注意格式问题：被嵌套的内容一定要加 缩进
eg：
<s>
<b>文本内容</b>
</s>
4、标记的属性 和 值
什么是属性？在标记中，属性是用来修饰标记的显示效果的
语法：
（1）属性必须声明在开始标记中
<标记 属性声明位置处></标记>
<标记 属性声明位置处>
（2）属性 和 标记之间，用空格隔开
<标记 属性声明位置处></标记>
<标记 属性声明位置处>
（3）属性 和 值之间使用 = 连接，值要用''或""引起来
<标记 属性="值"></标记>
（4）一个元素允许设置多个属性，并且排名不分先后，多属性间用 空格 隔开
<标记 属性1="值1" 属性2="值2">
练习：
1、创建一对 p 标记，内容随意
2、增加属性，名称为 align 值为 center
3、增加属性，名称为 id 值为 p1
<p align='center' id='p1'>随意定制的内容</p>