update vitateam
This commit is contained in:
qianguyihao
parent
2d76d5e83b
commit
9478ec9a55
@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
|
|
||||||
> 本文最初于2015-10-01发表于[博客园](http://www.cnblogs.com/smyhvae/p/4850684.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新。欢迎在GitHub上关注我，一起学习前端的系列文章。
|
> 本文最初于2015-10-01发表于[博客园](http://www.cnblogs.com/smyhvae/p/4850684.html)，并在[GitHub](https://github.com/smyhvae/Web)上持续更新**前端的系列文章**。欢迎在GitHub上关注我，一起入门和进阶前端。
|
||||||
|
|
||||||
> 以下是正文。
|
> 以下是正文。
|
||||||
|
|
||||||
@ -78,6 +78,7 @@ PS：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲
|
|||||||
### 1、HTML的概述：
|
### 1、HTML的概述：
|
||||||
|
|
||||||
**html**全称为HyperText Mackeup Language，译为<font color=#0000ff>**超文本标记语言**</font>，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
|
**html**全称为HyperText Mackeup Language，译为<font color=#0000ff>**超文本标记语言**</font>，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
|
||||||
|
|
||||||
- 超文本：音频，视频，图片称为超文本。
|
- 超文本：音频，视频，图片称为超文本。
|
||||||
- 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
|
- 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
|
||||||
|
|
||||||
@ -115,24 +116,7 @@ HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电
|
|||||||
XHTML与HTML4.0的标记基本上一样。
|
XHTML与HTML4.0的标记基本上一样。
|
||||||
XHTML是<font color="blue">**严格的、纯净的**</font>HTML。
|
XHTML是<font color="blue">**严格的、纯净的**</font>HTML。
|
||||||
|
|
||||||
**编写XHTML的规范：**
|
我们稍后将对XHTML的编写规范进行介绍。
|
||||||
|
|
||||||
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：`<h1><font></font></h1>`
|
|
||||||
|
|
||||||
（2）所有的标记都必须小写。
|
|
||||||
|
|
||||||
（3）所有的标记都必须关闭。
|
|
||||||
|
|
||||||
- 双边标记：`<span></span>`
|
|
||||||
- 单边标记：`<br>` 转成 `<br />` `<hr>` 转成 `<hr />`，还有`<img src=“URL” />`
|
|
||||||
|
|
||||||
（4）所有的属性值必须加引号。`<font color="red"></font>`
|
|
||||||
|
|
||||||
（5）所有的属性必须有值。`<hr noshade="noshade">`、`<input type="radio" checked="checked" />`
|
|
||||||
|
|
||||||
（6）XHTML文档开头必须要有DTD文档类型定义
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### 3、HTML的网络术语
|
### 3、HTML的网络术语
|
||||||
|
|
||||||
@ -143,7 +127,7 @@ XHTML是<font color="blue">**严格的、纯净的**</font>HTML。
|
|||||||
- 属性：给每一个标签所做的辅助信息。
|
- 属性：给每一个标签所做的辅助信息。
|
||||||
- xhtml： 符合XML语法标准的HTML。
|
- xhtml： 符合XML语法标准的HTML。
|
||||||
- dhtml：dynamic，动态的。`javascript + css + html`合起来的页面就是一个dhtml。
|
- dhtml：dynamic，动态的。`javascript + css + html`合起来的页面就是一个dhtml。
|
||||||
- http：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议，ftp:文件传输协议。
|
- http：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP：邮件传输协议，ftp：文件传输协议。
|
||||||
|
|
||||||
|
|
||||||
### 4、HTML的编辑工具
|
### 4、HTML的编辑工具
|
||||||
@ -151,7 +135,7 @@ XHTML是<font color="blue">**严格的、纯净的**</font>HTML。
|
|||||||
- NotePad：记事本。
|
- NotePad：记事本。
|
||||||
- EditPlus：语法高亮显示。技巧： 根据颜色判断单词是否出错 （不是100%）。不好的地方：没有代码提示。
|
- EditPlus：语法高亮显示。技巧： 根据颜色判断单词是否出错 （不是100%）。不好的地方：没有代码提示。
|
||||||
- UltraEdit：根据颜色判断单词是否出错，可以显示2进制数据。
|
- UltraEdit：根据颜色判断单词是否出错，可以显示2进制数据。
|
||||||
- Sublime Text：新一代的代码编辑器（用的最多）。
|
- Sublime Text：新一代的代码编辑器（用的人很多）。
|
||||||
- dw(dreamweaver，专业工具) ：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。有代码提示。
|
- dw(dreamweaver，专业工具) ：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。有代码提示。
|
||||||
|
|
||||||
PS：后缀名不能决定文件格式，只能决定打开文件打开的方式。
|
PS：后缀名不能决定文件格式，只能决定打开文件打开的方式。
|
||||||
@ -186,11 +170,13 @@ PS：后缀名不能决定文件格式，只能决定打开文件打开的方式
|
|||||||
### 6、HTML颜色介绍
|
### 6、HTML颜色介绍
|
||||||
|
|
||||||
**颜色表示：**
|
**颜色表示：**
|
||||||
|
|
||||||
- 纯单词表示：red、green、blue、orange、gray等
|
- 纯单词表示：red、green、blue、orange、gray等
|
||||||
- 10进制表示：rgb(255,0,0)
|
- 10进制表示：rgb(255,0,0)
|
||||||
- 16进制表示：#FF0000、#0000FF、#00FF00等
|
- 16进制表示：#FF0000、#0000FF、#00FF00等
|
||||||
|
|
||||||
**RGB色彩模式：**
|
**RGB色彩模式：**
|
||||||
|
|
||||||
- 自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。
|
- 自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。
|
||||||
- RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青
|
- RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青
|
||||||
- 在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。
|
- 在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。
|
||||||
@ -211,9 +197,31 @@ PS：后缀名不能决定文件格式，只能决定打开文件打开的方式
|
|||||||
|
|
||||||
目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。
|
目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。
|
||||||
|
|
||||||
### HTML的基本语法特性
|
|
||||||
|
|
||||||
#### 1、HTML对换行不敏感，对tab不敏感
|
### 1、编写XHTML的规范：
|
||||||
|
|
||||||
|
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：`<h1><font></font></h1>`
|
||||||
|
|
||||||
|
（2）所有的标记都必须小写。
|
||||||
|
|
||||||
|
（3）所有的标记都必须关闭。
|
||||||
|
|
||||||
|
- 双边标记：`<span></span>`
|
||||||
|
- 单边标记：`<br>` 转成 `<br />` `<hr>` 转成 `<hr />`，还有`<img src=“URL” />`
|
||||||
|
|
||||||
|
（4）所有的属性值必须加引号。`<font color="red"></font>`
|
||||||
|
|
||||||
|
（5）所有的属性必须有值。`<hr noshade="noshade">`、`<input type="radio" checked="checked" />`
|
||||||
|
|
||||||
|
（6）XHTML文档开头必须要有DTD文档类型定义
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 2、HTML的基本语法特性
|
||||||
|
|
||||||
|
#### （1）HTML对换行不敏感，对tab不敏感
|
||||||
|
|
||||||
HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。
|
HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。
|
||||||
|
|
||||||
@ -223,15 +231,15 @@ HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
#### 2、空白折叠现象
|
#### （2）空白折叠现象
|
||||||
|
|
||||||
HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。
|
HTML中所有的**文字之间**，如果有空格、换行、tab都将被折叠为一个空格显示。
|
||||||
|
|
||||||
举例如下：
|
举例如下：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#### 3、标签要严格封闭
|
#### （3）标签要严格封闭
|
||||||
|
|
||||||
标签不封闭是灾难性的。
|
标签不封闭是灾难性的。
|
||||||
|
|
||||||
@ -240,6 +248,7 @@ HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 三、HTML的各种标签
|
## 三、HTML的各种标签
|
||||||
|
|
||||||
> 备注：
|
> 备注：
|
||||||
@ -1182,9 +1191,9 @@ aaa/../bbb/1.jpg
|
|||||||
|
|
||||||
## 我的公众号
|
## 我的公众号
|
||||||
|
|
||||||
下图是我的微信公众号（生命团队id：`vitateam`），欢迎有心人关注。<font color=#0000ff>**博客园分享技术，公众号分享技能**。</font>。
|
想学习<font color=#0000ff>**代码之外的软技能**</font>？不妨关注我的微信公众号：**生命团队**（id：`vitateam`）。
|
||||||
|
|
||||||
我会很感激第一批关注我的人。**此时，年轻的我和你，一无所有；而后，富裕的你和我，满载而归。**
|
扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user