html5的概念和基本结构,一，HTML简介和基本结构

HTML介绍

一，概念

超文本标记语言(Hypertext Markup Language)

超文本定义：包含了图片，文档，链接，主要体现在链接

标记语言：通过定义的标记来约束数据编写的格式和规范

种类：xml，html，md

特性/作用：数据展示，数据传输

dtd概念

文档类型定义(Document Type Definition)，用来定义标记语言的语法，制定了标记语言的语法规则。

二，HTML分类

1. html4

Strick：不包含过时的标记(basefont，font)，不能使用框架frameset。

Transitional： 不能使用框架集(frameset)

frameset：可以使用框架集(frameset)

2. xhtml1.1

Strick：不包含过时的元素(basefont，font)，不能使用框架frameset。文档格式强制约束

Transitional： 不能使用框架集(frameset)，文档格式强制约束(必须要闭包，否则就编译不过去)

frameset：可以使用框架集(frameset)，文档格式强制约束

3. html5：

不是SGML的子级

增加了用于减少脚本的标记(autofocus属性)，增加了很多标签，节省了很多js的脚本的使用，只需要一个标签就可以搞定。

减少了对外部设备的需求，自身提供了一些不靠外部设备的东西，比如动画。

标准化，提供了强制的规范性，比如浏览器无需考虑兼容性的问题

4，dhtml：

动态的，不是一种标记语言，而是多种技术(js+css+html)的集合，微软提出

三，html标准结构

/p>

"http://www.w3.org/TR/html4/loose.dtd">

Title

四，html结构解析

1. 文档类型标记：

定义：告诉浏览器使用哪个html版本进行编写的指令

标记 /p>

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

标记说明

定义 语言" "dtd 文件地址">

五，HTML文档标记

头标记

定义：用于脚本和css的定义和引用，以及页面元数据信息的定义

标记：

页面元数据：页面关键字，页面文档类型字符集等等

六：html元数据标记

元数据标记：用于页面关键字，页面文档类型字符集，刷新等信息的定义

标记：

html练习

七：html格式/排版标记

换行符

---

水平线

 预格式标记，按编写格式展示

大家好

我是可乐！

---

大家好

我是可乐！

展示效果

八：html字体标记

添加删除线标记

粗体文本标记

强调文本标记(和b标签实现的效果是一样的，目前w3c推荐使用这个)

^{定义上标文本(}

_{定义下表文本}

文本缩细标记

文本放大标记

标题标记

斜体文本标记

del标签：删除

b标签：放大

strong标签：强调文本，效果和b标签一样

java整型最大的取值数为：

2³¹-1

水：H₂O

small：缩小

big：放大

标题1

标题2

标题3

斜体

html字体标记.png

九：html表单标记

表单标记

文本输入控件

多行文本输入控件

按钮控件

下拉列表控件

下拉列表选项控件

下拉列表选项集合控件

/p>

"http://www.w3.org/TR/html4/loose.dtd">

form

1

2

3

4

5

6

提交

form表单.png

十：html表格标记

表题目 表格单元头 table head

表格单元列 table

/p>

"http://www.w3.org/TR/html4/loose.dtd">

table

idnamesex

提交

饮料1可乐2雪碧零食3旺旺雪饼

列表标记.png

十一：html列表标记

• 无序列表标记

1. 有序列表标记
2. 列表内容标记

   /p>

   "http://www.w3.org/TR/html4/loose.dtd">

   有序无序标签
   • 1
   • 2
   • 3
   1. 1
   2. 2
   3. 3

   

   有序无序标签.png

   十二：htm链接标记

   瞄标记

   链接样式表标记

   跳转到百度

   十三：htm样式标记

   层标记

   十四：htm脚本标记

   十五：htm转义字符

   1. "<" ： < 小于号 less than

   2. ">" ： > 大于号 greater than

   3. “&”：& and符

   4. “\"”：双引号

   5. “\©”：版权

   6. “\®”：已注册商标

   7. “&nbsp” ：空白格

   

   双引号.png