无标题文章

一、初始HTML5

简介

(1)HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的.

(2)HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言

HTML不是一种编程语言，而是一种标记语言

标记语言是一套标记标签

HTML使用标记标签来描述网页

(3)HTML5拓展了哪些内容

语义化标签

本地存储

2D、3D

动画、过渡

CSS3特性

性能与集成

新建一个简单的hello word

简单布局

CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1]

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 

CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。

一些最重要CSS3模块如下：

选择器

盒模型

背景和边框

文字特效

2D/3D转换

动画

多列布局

用户界面

CSS3 边框

用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。

而在本节中，您将了解以下的边框属性有：

border-radius

box-shadow

border-image（需要注意的是：该属性不支持ie浏览器）

Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

Firefox、Chrome 以及 Safari 支持所有新的边框属性。

注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。

Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。

CSS3 文本效果

CSS3中包含几个新的文本特征。

在本节中您将了解以下文本属性：

text-shadow

box-shadow

text-overflow

word-wrap

word-break

WORK DOWN基本语法

标题

在想要设置为标题的文字前面加#来表示

一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

注：标准语法一般在#后跟个空格再写文字，貌似不加空格也行。

字体

加粗

需要加粗的文字左右分别用两个*号包起来

斜体

需要倾斜的文字左右分别用一个*号包起来

斜体加粗

需要倾斜和加粗的文字左右分别用三个*号包起来

删除线

需要加删除线的文字左右分别用两个~~号包起来

代码使用

第一种：简单文字出现一个代码框。使用

。（不是单引号而是左上角的ESC下面~中的）

第二种：大片文字需要实现代码框。使用Tab或者四个空格或者```。

printf("hello world!");

printf("what");

int i = 100;

var canvas = document.getElementById("canvas");var context = canvas.getContext("2d");

NSLog(@"hello world!");

引用

这是一级引用呀

二级引用

脚注

使用 [^footer] 表示注脚。

这是一个测试[^foot1]

分割线

使用下划线 --- 或者 ** 或者 表示水平分割线。

使用 --- 作为水平分割线时，要在它的前后都空一行，防止 --- 被当成标题标记的表示方式

只要 * 或者 - 大于等于三个就可组成一条平行线。

使用图片

插图最基础的格式就是：


Alt text：图片的Alt标签，用来描述图片的关键词，可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字，后来又被用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。 图片链接：可以是图片的本地地址或者是网址。"optional title"：鼠标悬置于图片上会出现的标题文字，可以不写

超链接

语法：

[超链接名](超链接地址"超链接title")title可加可不加

列表

无序列表

语法：

无序列表用 - + * 任何一种都可以

有序列表

语法：

数字加点

1. 列表内容

2. 列表内容

3. 列表内容

注意：序号跟内容之间要有空格

列表嵌套

上一级和下一级之间敲三个空格即可

代码

语法：

单行代码：代码之间分别用一个反引号包起来

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行