HTML
1、hlml介绍
（1）超文本标记语言。HyperText Markup Language，简称HTML
一种用于创建网页的标记语言，是一种标记签，不是编程语言
（2）HTML建立自己的web网页。HTML运行在浏览器上，浏览器来解析HTML文档，包含HTML标签及文本内容，也叫web网页
（3）中文网页中要使用<meta charset="utf-8">声明编码，否则会出现乱码
有些浏览器如360浏览器会设置JBK为默认编码，则你需要设置<meta charset="gbk">
（3）HTML文档后缀名HTML或者是HTM
2、HTML框架
<html lang="en">是英文<html lang="zh-cn">是中文
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
3、html标签
标题标签：<h1>到<h6>越往下越小，
段落标签：<p> 块元素，自动在段落前加空行
格式标签：
<b>标签粗体 <i>标签斜体 <em>着重 <small>小字号 <strong>加重
<del>删除线 <sub>下标志。 <sup>上标字
<img>图像标记
例如：<img src="image" alt=" " tittle=" ">
src必要属性，设置原图像文件的URL地址， alt图片不能正确显示时提示的文字，tittle鼠标悬停或移到图片上的提示文字
常用的图像格式，GIF、JPG、PNG
<video>视频标记
<audio>音频标记
<a>超链接
<a href=" " target=" "> <a/>
href链接目标URL地址。target等于blank，链接显示在新窗口target等于self，自带默认窗口，target等于top，在当前页面引入一个页面。target等于parent链接显示在原窗口
<span>标记文本典型行标记，无语义水平排列，用于存放文本信息
块元素 <h> <p> <ul> <div>.....
行元素 <a> <em> <strong> <span>
4、html表格
例如：
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格可以包含标题行（<th>）用于定义列的标题。
tr：tr 是 table row 的缩写，表示表格的一行。
td：td 是 table data 的缩写，表示表格的数据单元格。
th：th 是 table header的缩写，表示表格的表头单元格
属性：
colspan所要合并单元格的列数，rowspan合并单元格的行数。边框border边框颜色bordercolor。宽高，width height。背景颜色bgcolor。align水平方向排。valign垂直方向排列.cellspacing单元格之间的间距
5、表单<form> <input type=" " name=" "> </form>
type
<input type="text"> 单行文本输入 <input type="textarea"> 多行文本输入控件,文本域
<input type="password"> 密码字段 <input type="button">普通按钮
<input type="radio"> 单选框选项 <input type="checkbox">复选框
<input type="submit"> 提交按钮 <input type="reset">重置
<input type="image"> 图片 <input type="hidden">隐藏域
<input type="file"> 文件域 <input type="output">计算结果
属性
<checked>默认 <disable>不能选 <multiple>为ture，多选 <required>必须写
<date>时间 年月日 <datetime>时间 具体
CSS
1、CSS 实例
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
注意：
（1）CSS声明总是以分号 ; 结束，声明总以大括号 {} 括起来:
（2）CSS注释以 /* 开始, 以 */ 结束
（3）选择器严格区分大小写声明语句一般小写，
（4）样式中所有符号都是英文标识符号
（5）单个属性值如果包含空格，应加英文引号
（6）CSS不解析空格，可使用tab回车键空格
2、样式表
（1）内部样式： 使用 <head> 部分中的 <style> 元素
（2）外部样式：-通过使用 <link> 元素链接到外部 CSS 文件
（3）行内样式：-通过在 HTML 元素中使用 style 属性
3、CSS选择器
（1）标签选择器（元素选择器）
element例如：
| p | 选择所有 <p> 元素。 |
（2）class 选择器
.class 类选择器以 . 开头，后面跟着类别名称。 例如：
| .intro | 选择 class="intro" 的所有元素。 |
（3）ID选择器
#id ID 选择器以 # 开头，后面跟着 ID 名称。 例如：
| #firstname | 选择 id="firstname" 的元素。 |
（4）通配符选择器
*例如：
| * | 选择所有元素。 |
（5）属性选择器
[attribute] 属性选择器可以根据属性名和属性值进行选择。 例如：
| [target] | 选择带有 target 属性的所有元素。 |
（6）群组选择器
| div, p | 选择所有 <div> 元素和所有 <p> 元素。 |
（7）伪类选择器
例如：
| a:hover | 选择鼠标指针位于其上的链接。 |
| input:focus | 选择获得焦点的 input 元素。 |
例如：
例如：
| p:first-child | 选择属于父元素的第一个子元素的每个 <p> 元素。 |
例如：
| p:last-child | 选择属于其父元素最后一个子元素每个 <p> 元素。 |
例如：
| p::first-letter | 选择每个 <p> 元素的首字母。 |
例如：
| p:first-of-type | 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 |
例如：
| p:nth-child(2) | 选择属于其父元素的第二个子元素的每个 <p> 元素。 |
例如：
| p:nth-last-child(2) | 同上，从最后一个子元素开始计数。 |
例如：
| p:nth-of-type(2) | 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。 |
例如：
| p:nth-last-of-type(2) | 但是从最后一个子元素开始计数。 |
例如：
| a:active | 选择活动链接。 |
例如：
| p::after | 在每个 <p> 的内容之后插入内容。 |
例如：
| p::before | 在每个 <p> 的内容之前插入内容。 |
（8）后代选择器
element element 后代选择器使用空格分隔元素名称。
例如：
| div p | 选择<div>元素内的所有<p>元素 |
（9）子选择器
例如：
| div>p | 选择所有父级是 <div> 元素的 <p> 元素 |
（10）兄弟选择器
例如：
| div+p | 选择所有紧跟在 <div> 元素之后的第一个 <p> 元素 |
550
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
