SlideShare a Scribd company logo

Overview Of HTML

•
•
X
xiaomimum

Inroduce the basic knoeledge of HTML inChinese.

Technology
1 of 75
HTML 基础 WANGYU 201012
HTML 基础 I
基本概念 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /> <title> 无标题文档 </title> </head> <body> </body> </html>
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1.1 HTML 语法基础 ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<head> 标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<body> 标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
1.2 文本、段落标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],示例 2-2-1 ：常用文本标记
[object Object],[object Object],示例 2-2-2 ：标题文字
[object Object],[object Object],[object Object],[object Object],[object Object],示例 2-2-5 ：换行标记 示例 2-2-4 ：段落标记
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],例 2-2-6 ：水平线标记
[object Object],[object Object],示例 2-2-7 ：预格式化标记
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
1.3 图像标记 ,[object Object],[object Object],[object Object]
1.4 列表标记 ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
 
1.5 超链接标记 <a> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML 基础 II
2.1 表格标记 ,[object Object],[object Object],[object Object]
2.1 表格标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
2.2 框架标记 ,[object Object],[object Object]
2.2 框架标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
<frameset rows=&quot;120,*&quot;> <frame name=&quot;top&quot; src=&quot;a.html&quot;> <frame name=&quot;bottom&quot; src=&quot;b.html&quot;> </frameset>   
<frameset cols=&quot;100,*&quot;> <frameset rows=&quot;120,*&quot;> <frame name=&quot;upper_left&quot; src=&quot;a.html&quot;> <frame name=&quot;lower_left&quot; src=&quot;b.html&quot;> </frameset> <frame name=“right” src=&quot;c.html&quot;> </frameset>      
                 
2.3 IFRAME 浮动帧标记 ,[object Object]
2.3 IFRAME 浮动帧标记 ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object]
 
HTML 基础 III
3.1 多媒体标记 ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],示例利用框架标记和背景音乐标记创建音乐不间断跳转
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.2 表单标记 ,[object Object]
3.2 表单标记 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],说明： 同组各单选项之间是互相排斥的，用户只能选择该组中的一个作为输入信息。 同组单选框中所有单选项的 name 属性值是相同的。
[object Object],[object Object],[object Object],2-4-4 说明： 各复选项的 name 属性值不同。
[object Object],[object Object],[object Object],[object Object],[object Object],action=&quot;http://www.baidu.com/s&quot;
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],onChange=&quot;pic.src=selpic.value&quot; onChange=&quot;pic.src=sel.value&quot; 使用 name 或者 id 都可以 :
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML 基础 IV
XHTML 遵循严格的语法规则 ( 部分 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recommended

HTML CSS Javascript 语法手册
HTML CSS Javascript 语法手册HTML CSS Javascript 语法手册
HTML CSS Javascript 语法手册Ying wei (Joe) Chou
 
HTML Basic
HTML BasicHTML Basic
HTML BasicRyan Chung
 
Div+css布局
Div+css布局Div+css布局
Div+css布局flyxiang228
 
Html培训
Html培训Html培训
Html培训fanggesun
 
很详细的搜索引擎优化培训教材
很详细的搜索引擎优化培训教材很详细的搜索引擎优化培训教材
很详细的搜索引擎优化培训教材mysqlops
 
搜索引擎优化培训
搜索引擎优化培训搜索引擎优化培训
搜索引擎优化培训Wang Feng
 
重构Html lesson 1
重构Html lesson 1重构Html lesson 1
重构Html lesson 1irideas
 
第五章：Struts2标签库
第五章：Struts2标签库第五章：Struts2标签库
第五章：Struts2标签库shmily7788
 

Recommended

HTML CSS Javascript 语法手册
HTML CSS Javascript 语法手册HTML CSS Javascript 语法手册
HTML CSS Javascript 语法手册Ying wei (Joe) Chou
 
HTML Basic
HTML BasicHTML Basic
HTML BasicRyan Chung
 
Div+css布局
Div+css布局Div+css布局
Div+css布局flyxiang228
 
Html培训
Html培训Html培训
Html培训fanggesun
 
很详细的搜索引擎优化培训教材
很详细的搜索引擎优化培训教材很详细的搜索引擎优化培训教材
很详细的搜索引擎优化培训教材mysqlops
 
搜索引擎优化培训
搜索引擎优化培训搜索引擎优化培训
搜索引擎优化培训Wang Feng
 
重构Html lesson 1
重构Html lesson 1重构Html lesson 1
重构Html lesson 1irideas
 
第五章：Struts2标签库
第五章：Struts2标签库第五章：Struts2标签库
第五章：Struts2标签库shmily7788
 
Modulo de linux
Modulo de linuxModulo de linux
Modulo de linuxdavidmales
 
Cimasko TESOL 2011
Cimasko TESOL 2011Cimasko TESOL 2011
Cimasko TESOL 2011TonyCimasko
 
Die Tiere 6ème
Die Tiere 6èmeDie Tiere 6ème
Die Tiere 6èmeIsaJDB
 
Que es winzip
Que es winzipQue es winzip
Que es winzipdavidmales
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativosdavidmales
 
Microsoft
MicrosoftMicrosoft
Microsoftdavidmales
 
300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1Valentina Cortés
 
Html&css基础
Html&css基础Html&css基础
Html&css基础KenerLinfeng
 
淘宝新首页开发实践
淘宝新首页开发实践淘宝新首页开发实践
淘宝新首页开发实践chencheng 云谦
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScriptSanji Zhang
 
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训给聚划算后端开发的前端培训
给聚划算后端开发的前端培训j5726
 
网页制作基础
网页制作基础网页制作基础
网页制作基础loo2k
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站yiditushe
 
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版网站重构&Web标准设计第二版
网站重构&Web标准设计第二版志勇 孙
 
揭秘Html5和Css3
揭秘Html5和Css3揭秘Html5和Css3
揭秘Html5和Css3Adam Lu
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍裕波 周
 
Html5css3 go.yeefe.com
Html5css3 go.yeefe.comHtml5css3 go.yeefe.com
Html5css3 go.yeefe.comtellyeefe
 
口碑导航更换项目总结
口碑导航更换项目总结口碑导航更换项目总结
口碑导航更换项目总结liuzhitao2000
 
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪小 米猪
 
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5compassdesign
 
Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）ziggear
 
产品设计：URL 设计
产品设计：URL 设计产品设计：URL 设计
产品设计：URL 设计changxing qi
 

More Related Content

Viewers also liked

Modulo de linux
Modulo de linuxModulo de linux
Modulo de linuxdavidmales
 
Cimasko TESOL 2011
Cimasko TESOL 2011Cimasko TESOL 2011
Cimasko TESOL 2011TonyCimasko
 
Die Tiere 6ème
Die Tiere 6èmeDie Tiere 6ème
Die Tiere 6èmeIsaJDB
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativosdavidmales
 
300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1Valentina Cortés
 

Viewers also liked (7)

Modulo de linux
Modulo de linuxModulo de linux
Modulo de linux
 
Cimasko TESOL 2011
Cimasko TESOL 2011Cimasko TESOL 2011
Cimasko TESOL 2011
 
Die Tiere 6ème
Die Tiere 6èmeDie Tiere 6ème
Die Tiere 6ème
 
Que es winzip
Que es winzipQue es winzip
Que es winzip
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
Microsoft
MicrosoftMicrosoft
Microsoft
 
300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1300 ejercicios-procesamiento-numerico-3-niveles-1
300 ejercicios-procesamiento-numerico-3-niveles-1
 

Similar to Overview Of HTML

淘宝新首页开发实践
淘宝新首页开发实践淘宝新首页开发实践
淘宝新首页开发实践chencheng 云谦
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScriptSanji Zhang
 
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训给聚划算后端开发的前端培训
给聚划算后端开发的前端培训j5726
 
网页制作基础
网页制作基础网页制作基础
网页制作基础loo2k
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站yiditushe
 
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版网站重构&Web标准设计第二版
网站重构&Web标准设计第二版志勇 孙
 
揭秘Html5和Css3
揭秘Html5和Css3揭秘Html5和Css3
揭秘Html5和Css3Adam Lu
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍裕波 周
 
Html5css3 go.yeefe.com
Html5css3 go.yeefe.comHtml5css3 go.yeefe.com
Html5css3 go.yeefe.comtellyeefe
 
口碑导航更换项目总结
口碑导航更换项目总结口碑导航更换项目总结
口碑导航更换项目总结liuzhitao2000
 
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪小 米猪
 
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5compassdesign
 
Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）ziggear
 
产品设计：URL 设计
产品设计：URL 设计产品设计：URL 设计
产品设计：URL 设计changxing qi
 
页面背景&头部
页面背景&头部页面背景&头部
页面背景&头部Wang shimu
 
网页制作基础
网页制作基础网页制作基础
网页制作基础loo2k
 
Xsd培训资料
Xsd培训资料Xsd培训资料
Xsd培训资料彦波 叶
 
浅谈项目标准
浅谈项目标准浅谈项目标准
浅谈项目标准jndream
 

Similar to Overview Of HTML (20)

Html&css基础
Html&css基础Html&css基础
Html&css基础
 
淘宝新首页开发实践
淘宝新首页开发实践淘宝新首页开发实践
淘宝新首页开发实践
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScript
 
给聚划算后端开发的前端培训
给聚划算后端开发的前端培训给聚划算后端开发的前端培训
给聚划算后端开发的前端培训
 
网页制作基础
网页制作基础网页制作基础
网页制作基础
 
十步学会用Css+Div建站
十步学会用Css+Div建站十步学会用Css+Div建站
十步学会用Css+Div建站
 
网站重构&Web标准设计第二版
网站重构&Web标准设计第二版网站重构&Web标准设计第二版
网站重构&Web标准设计第二版
 
揭秘Html5和Css3
揭秘Html5和Css3揭秘Html5和Css3
揭秘Html5和Css3
 
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
 
Html5css3 go.yeefe.com
Html5css3 go.yeefe.comHtml5css3 go.yeefe.com
Html5css3 go.yeefe.com
 
口碑导航更换项目总结
口碑导航更换项目总结口碑导航更换项目总结
口碑导航更换项目总结
 
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
 
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
Chicago EXPO Creating a Pure CSS Template in Joomla 1.5
 
Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）Web设计 3 java_script初探（程序员与设计师的双重眼光）
Web设计 3 java_script初探（程序员与设计师的双重眼光）
 
产品设计：URL 设计
产品设计：URL 设计产品设计：URL 设计
产品设计：URL 设计
 
页面背景&头部
页面背景&头部页面背景&头部
页面背景&头部
 
网页制作基础
网页制作基础网页制作基础
网页制作基础
 
Xsd培训资料
Xsd培训资料Xsd培训资料
Xsd培训资料
 
浅谈项目标准
浅谈项目标准浅谈项目标准
浅谈项目标准
 
Web Rebuild
Web RebuildWeb Rebuild
Web Rebuild
 

Overview Of HTML

  • 1. HTML 基础 WANGYU 201012
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.  
  • 29.
  • 30.
  • 31.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.  
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43. <frameset rows=&quot;120,*&quot;> <frame name=&quot;top&quot; src=&quot;a.html&quot;> <frame name=&quot;bottom&quot; src=&quot;b.html&quot;> </frameset>   
  • 44. <frameset cols=&quot;100,*&quot;> <frameset rows=&quot;120,*&quot;> <frame name=&quot;upper_left&quot; src=&quot;a.html&quot;> <frame name=&quot;lower_left&quot; src=&quot;b.html&quot;> </frameset> <frame name=“right” src=&quot;c.html&quot;> </frameset>      
  • 45.                  
  • 46.
  • 47.
  • 48.  
  • 49.
  • 50.  
  • 51. HTML 基础 III
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 73.
  • 74.
  • 75.