一、初始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模块如下:
选择器
盒模型
背景和边框
文字特效
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基本语法
标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。
字体
加粗
需要加粗的文字左右分别用两个*号包起来
斜体
需要倾斜的文字左右分别用一个*号包起来
斜体加粗
需要倾斜和加粗的文字左右分别用三个*号包起来
删除线
需要加删除线的文字左右分别用两个~~号包起来
代码使用
第一种:简单文字出现一个代码框。使用<blockquote>。(不是单引号而是左上角的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](图片链接 "optional title")
Alt text:图片的Alt标签,用来描述图片的关键词,可以不写。最初的本意是当图片因为某种原因不能被显示时而出现的替代文字,后来又被用于SEO,可以方便搜索引擎根据Alt text里面的关键词搜索到图片。 图片链接:可以是图片的本地地址或者是网址。"optional title":鼠标悬置于图片上会出现的标题文字,可以不写
超链接
语法:
[超链接名](超链接地址"超链接title")title可加可不加
列表
无序列表
语法:
无序列表用 - + * 任何一种都可以
有序列表
语法:
数字加点
1. 列表内容
2. 列表内容
3. 列表内容
注意:序号跟内容之间要有空格
列表嵌套
上一级和下一级之间敲三个空格即可
代码
语法:
单行代码:代码之间分别用一个反引号包起来
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行