第2 阶段 ： HTML 5基础和HT ML 语义化下
&nbs p;
31前端开发基础视频-表格标签的使用
创建表格
－在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
……
| 单元格内的文字 |
示例程序：
表格标签
在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
33前端开发基础视频-p和 span标签 的应用
表格标签
p1
p2
P3
spa n1
span2
span3
在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
34前端开发基础视频-表单标签form -i nput -s elect -t extarea
表单
－在HTML中，一个完整的表单通常由表单控件、提示信息、表单域3个部分构成。
表格标签
密码：
</p> <p> 内容</p> <p>
公历 农历
公历 农历
用户名：
性别：男 女
性别：男 女
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
34前端开发基础视频-表单标签form-input-select-textarea 习题
34前端开发基础视频-表单标签form-input-select-textarea 作业
注册 账号
|
昵称 :
|
|
|
密码：
|
|
|
确认密码：
|
|
|
性别：
|
男 女
|
|
生日：
|
公历 农历 1997年 1996年 1995年 1994年 1993年 1992年 1991年 1990年
|
|
同时开通 qq空间
| |
|
我已阅读 并同 意相关条款
| |
效果如下：
35前端开发基础视频- QQ 注册案例
QQ表单联系
| 昵称： | |
| 密码： | |
| 性别： |
男 女
|
| 已婚： |
已婚 未婚
|
| 生日 |
农历 公历
|
| 同时开通QQ空间 | |
效果如下：
36前端开发基础视频-表单分组标签
表单组合标签
表单组合标签
用户名1：
密码1：
|?led??nd| 传说、铭文组合标签标题
用户名2：
密码2：
用户名3：
密码3：
37前端开发基础视频-表单标签总结
表单
－在HTML中，一个完整的表单通常由表单控件、提示信息和表单域3个部分构成，如下图所示，即为一个 简单 的HTML表单界面及其构成：
form标签：
包裹标签，包裹所有表单，其action属性指向动作
input标签 ：
文本框、单选按钮、多选按钮、button等，由input按钮实现
Label标签:
for属性指向需要提供的标签的id值。也可直接包裹标签。
表单组合标签
checkboxButton:
用户名1：
密码1：
组合标签标题
用户名2：
fieldset不影响reset按钮作用范围，：
密码2：
用户名3：
密码3：
文本1 文本2
文本1 文本2
</p> <p> 可在此处输入大量文本</p> <p>
38前端开发基础视频-内联框架标签ifr am e使用
内联框架[ 了解 内容]
iframe标签，元素会创建包含另外一个文档的的内连框架（即行内框架）
iframe的name属性配合超级链接的t arg et属性，让iframe框架页面跳转，尽量不要用，不利于 网站SEO
<iframe frameborder="0px" h ei ght="170" src="http:// blog .csdn.net/u014222687/article/det ai ls/20150415060448.html" width="1500"></iframe>
内连框架标签示例
<iframe frameborder="0px" height="170" src="http://b LOG .csdn.net/u014222687/article/details/20150415060448.html" width="1500"></iframe>
<iframe frameborder="10px" height="170" src="https://www.baidu .COM " width="1500"></iframe>
39前端开发基础视频-其他标签补充
meta标签：
网站SEO 关键词和描述
link标签：
引入css
script标签
引入js
a标签补充：
锚 定
target属性补充：blank _parent _self _top framename
base标签
其他标签补充
<iframe frameborder="10px" height="100" src="https://www.baidu.com" width="150"></iframe>
a
b c
40前端开发基础视频-字符实体HTML特殊符号处理
如 何在 html页面中显示HTML代码，比如显示：
body标签的写法
其他标签补充
<HTML5>
<body>body标签的写法</body>
41前端开发基础视频-HTML语义化
HTML语义化：
Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。
标签与语义相结合，尽量不要使用没有语义的标签。
42前端开发基础视频-HTML标签的显示模式
标签的类型（显示模式）
－HTML标记一般分为块标记和行内标记两种类型，他们也称为快元素和 行内元素 。具体如下：
块元素：
每个快元素通常都会独自占据一整行和多整行，可以对其设置 宽 度、高度、对齐等属性，常用于网页布局和网页构造的搭建。
常见的块元素有
~
、、
、 、 、 等，其中
标记是最典型的元素。
行内标签：
行内元素不占有独立的区域，仅仅靠自身的字体大小和图像 尺寸 来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
常见的行内元素有 、、 、 、 、 、 、 、、 等，其中 标记最典型的行内元素。
第2阶段：HTML5基础和HTML语义化下
31前端开发基础视频-表格标签的使用
创建表格
－在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
……
| 单元格内的文字 |
示例程序：
表格标签
在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
33前端开发基础视频-p和span标签的应用
表格标签
p1
p2
p3
span1
span2
span3
在HTML网页中，要想创建表格，就需要使用表格相关的标记。创建表格的基本语法格式如下：
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
34前端开发基础视频-表单标签form-input-select-textarea
表单
－在HTML中，一个完整的表单通常由表单控件、提示信息、表单域3个部分构成。
表格标签
密码：
</p> <p> 内容</p> <p>
公历 农历
公历 农历
用户名：
性别：男 女
性别：男 女
|
第1+2行
|
第一行
|
第一行
|
|
第二行
| ||
34前端开发基础视频-表单标签form-input-select-textarea 习题
34前端开发基础视频-表单标签form-input-select-textarea 作业
注册账号
|
昵称:
|
|
|
密码：
|
|
|
确认密码：
|
|
|
性别：
|
男 女
|
|
生日：
|
公历 农历 1997年 1996年 1995年 1994年 1993年 1992年 1991年 1990年
|
|
同时开通QQ空间
| |
|
我已阅读并同意相关条款
| |
效果如下：
35前端开发基础视频-QQ注册案例
QQ表单联系
| 昵称： | |
| 密码： | |
| 性别： |
男 女
|
| 已婚： |
已婚 未婚
|
| 生日 |
农历 公历
|
| 同时开通QQ空间 | |
效果如下：
36前端开发基础视频-表单分组标签
表单组合标签
表单组合标签
用户名1：
密码1：
|?led??nd| 传说、铭文组合标签标题
用户名2：
密码2：
用户名3：
密码3：
37前端开发基础视频-表单标签总结
表单
－在HTML中，一个完整的表单通常由表单控件、提示信息和表单域3个部分构成，如下图所示，即为一个简单的HTML表单界面及其构成：
form标签：
包裹标签，包裹所有表单，其action属性指向动作
input标签：
文本框、单选按钮、多选按钮、button等，由input按钮实现
Label标签:
for属性指向需要提供的标签的id值。也可直接包裹标签。
表单组合标签
checkboxButton:
用户名1：
密码1：
组合标签标题
用户名2：
fieldset不影响reset按钮作用范围，：
密码2：
用户名3：
密码3：
文本1 文本2
文本1 文本2
</p> <p> 可在此处输入大量文本</p> <p>
38前端开发基础视频-内联框架标签iframe使用
内联框架[了解内容]
iframe标签，元素会创建包含另外一个文档的的内连框架（即行内框架）
iframe的name属性配合超级链接的target属性，让iframe框架页面跳转，尽量不要用，不利于网站SEO
<iframe frameborder="0px" height="170" src="http://blog.csdn.net/u014222687/article/details/20150415060448.html" width="1500"></iframe>
内连框架标签示例
<iframe frameborder="0px" height="170" src="http://blog.csdn.net/u014222687/article/details/20150415060448.html" width="1500"></iframe>
<iframe frameborder="10px" height="170" src="https://www.baidu.com" width="1500"></iframe>
39前端开发基础视频-其他标签补充
meta标签：
网站SEO 关键词和描述
link标签：
引入css
script标签
引入js
a标签补充：
锚定
target属性补充：blank _parent _self _top framename
base标签
其他标签补充
<iframe frameborder="10px" height="100" src="https://www.baidu.com" width="150"></iframe>
a
b c
40前端开发基础视频-字符实体HTML特殊符号处理
如何在html页面中显示HTML代码，比如显示：
body标签的写法
其他标签补充
<HTML5>
<body>body标签的写法</body>
41前端开发基础视频-HTML语义化
HTML语义化：
Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。
标签与语义相结合，尽量不要使用没有语义的标签。
42前端开发基础视频-HTML标签的显示模式
标签的类型（显示模式）
－HTML标记一般分为块标记和行内标记两种类型，他们也称为快元素和行内元素。具体如下：
块元素：
每个快元素通常都会独自占据一整行和多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页构造的搭建。
常见的块元素有
~
、、
、 、 、 等，其中
标记是最典型的元素。
行内标签：
行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
常见的行内元素有 、、 、 、 、 、 、 、、 等，其中 标记最典型的行内元素。
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-HTML+CSS3－》第2阶段：HTML5基础和HTML语义化 下 全部内容，希望文章能够帮你解决 html5教程-HTML+CSS3－》第2阶段：HTML5基础和HTML语义化 下 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-HTML+CSS3－》第2阶段：HTML5基础和HTML语义化 下的详细内容...