Java相关课程系列笔记之六HTML学习笔记.docx
《Java相关课程系列笔记之六HTML学习笔记.docx》由会员分享,可在线阅读,更多相关《Java相关课程系列笔记之六HTML学习笔记.docx(27页珍藏版)》请在冰点文库上搜索。
Java相关课程系列笔记之六HTML学习笔记
HTML学习笔记
Java相关课程系列笔记之六
笔记内容说明
HTML(王春梅老师主讲,占笔记内容100%);
目录
一、HTML概述1
1.1什么是HTML1
1.2Web浏览器1
二、HTML基础语法2
2.1标记语法2
2.2封闭类型标记:
双标记2
2.3非封闭类型标记:
单标记或者空标记2
2.4元素和属性2
2.5注释2
2.6HTML文档的标准结构3
2.7版本信息3
2.8
2.9
2.10头元素:
2.11头元素:
4
2.12案例:
创建一个标准结构的HTML文档,并创建头元素。
三、文本标记5
3.1文本标记的作用5
3.2文本于特数字符5
3.3标题元素5
3.4段落元素
5
3.5换行元素5
3.6分区元素和53.7块级元素(block)和行内元素(inline)53.8案例:使用文本标记为页面添加内容6四、图像和连接74.1图像元素74.2链接元素74.3URL74.4锚点74.5案例:使用图像和链接标记8五、列表标记95.1列表的作用95.2无序列表95.3有序列表95.4列表的嵌套95.5案例:使用列表标记添加导航目录9六、表格106.1表格的作用106.2创建表格106.3表格的常用属性106.4单元格的常用属性106.5表格的标题106.6行分组(表格特有的)116.7不规则表格116.8表格的嵌套116.9案例:实现如下图所示表格11七、表单127.1表单的作用127.2表单元素127.3元素127.4文本框与密码框127.5单选框和多选框137.6按钮137.7隐藏域和文件选择框137.8元素137.9选项框137.10元素147.11表单元素分组(表单元素特有的)147.12案例:创建复杂表单14八、框架158.1浮动框架的作用158.2元素15九、其他注意事项169.1Web应用程序的层次结构169.2界面层中根据类型应用程序的分类169.3单机应用和Web应用169.4Web类型的应用程序169.5本课程分为:169.6何为Web基础161、HTML概述1.1什么是HTML1)HTML(HyperTextMarkupLanguage)是一种超文本标记语言,是一种纯文本类型的语言,是用来设计网页的标记语言。2)用该语言编写的文件,以.html或者.htm为后缀。3)由浏览器解释运行。4)HTML是一个扩展性很强的语言,可以嵌套用脚本语言编写的程序段,如:VBScript、JavaScript。嵌入JavaScript代码可以实现动态效果,同时也可以使用CSS定义样式。1.2Web浏览器1)主要功能:①代理访问者提交请求。②作为HTML解释器和内嵌脚本程序执行器。③用图形化的方式显示HTML文档。2)主要Web浏览器产品IE、Firefox、Chrome、Opera、Safari2、HTML基础语法2.1标记语法1)HTML用于描述功能的符号称为“标记”,比如、等。2)标记在使用时必须使用尖括号括起来,有些标记还必须成对出现。2.2封闭类型标记:双标记1)语法:<标记>内容标记><标记属性1="值"属性2="值">内容标记>2)属性的声明必须位于开始标记里。3)一个标记的属性可能不止一个,多个属性之间用空格隔开。◆注意事项:v封闭类型的标记必须成对出现。v如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误。2.3非封闭类型标记:单标记或者空标记1)语法:<标记>或者<标记/>2)不需要结束标记,不能包含内容,可以设置属性。例如:hellowordhellowordhellowordhelloword◆注意事项:v为当前标准,为早期版本。v对于单标记,建议写法,而不是。2.4元素和属性1)元素:每一对尖括号包围的部分,如包围的部分就叫做body元素。2)属性:用来修饰元素,每个属性都有值,属性放在开始标记中。2.5注释为代码添加适当的注释是一种良好的编码习惯。1)注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示。2)添加注释的语法:--注释的文本内容-->◆注意事项:v“--”和“-->”之间的任何内容都不会显示在浏览器中。v注释不可以嵌套在其他注释中。2.6HTML文档的标准结构1)结构:版本信息--HTML页面-->--文件头-->--文件主体部分-->2)例如:DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2.7版本信息1)在文档的起始用DOCTYPE声明指定的版本和风格,让浏览器清楚文档的版本、类型和风格。版本信息分为三种:严格型、传统型(过渡型)、框架型。2)StrictDTD:DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">3)TransitionalDTD:(常用)DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">4)FramesetDTD:(不常用了)DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">◆注意事项:传统型不需要命名空间,严格型需要命名空间。2.8元素1)元素用于为页面定义全局信息①所有其他头元素的容器。②紧跟在起始标签之后。2)定义整个文档相关的信息,常包含如下子元素:①:标题。②:元数据元素,定义页面的编码格式或者刷新频率等。③ 相关资源 JAVA相关.docx java优化策略相关.docx JAVA相关Word文件下载.docx JAVA相关基础知识1.docx Java泛型相关知识总结.docx Java同步异步相关知识点.docx java基本问题和css相关的.docx 离线CentOS6x安装Java相关软件配置.docx Java相关课程系列笔记之一Java学习笔记精编版.docx Java虚拟机中Java栈以及相关指令的实现王立冬.docx 猜你喜欢 下半年湖北省随州市广水市中石化招聘毕业生试题及答案解析Word格式文档下载.docx 下半年湖南省衡阳市南岳区事业单位《卫生类专业知识》试题Word文件下载.docx 下半年湖南省张家界市桑植县乡镇卫生院招聘试题Word格式.docx 细河区博物馆招聘试题及答案文档格式.docx 下半年北京市房山区城投集团招聘试题及解析文档格式.docx 下半年曾都区事业单位财务会计岗位考试《财会基础知识》试题及解析Word格式.docx 下半年成华区事业单位财务会计岗位考试《财会基础知识》试题及解析文档格式.docx 下半年大余县农业系统事业单位考试《农业技术推广》试题汇编Word文档格式.docx 下半年鼓楼区事业单位财务会计岗位考试《财会基础知识》试题及解析(0001)Word文档格式.docx 相关搜索 Java 相关 课程 系列 笔记 HTML 学习 资源标签 JAVA相关Java相关课程系列HTML爱淘课学习笔记dmax课程笔记HTML学习笔记AutoCAD课程笔记课程笔记 相关 java文件上传下载 结合相关文件 AECQ相关 web相关 PS相关 java优化 当前位置:首页 > IT计算机 > 电脑基础知识 copyright@ 2008-2023 冰点文库 网站版权所有经营许可证编号:鄂ICP备19020893号-2 登录 首页 资源分类 升级会员 通知公告 帮助中心
3.7块级元素(block)和行内元素(inline)5
3.8案例:
使用文本标记为页面添加内容6
四、图像和连接7
4.1图像元素7
4.2链接元素7
4.3URL7
4.4锚点7
4.5案例:
使用图像和链接标记8
五、列表标记9
5.1列表的作用9
5.2无序列表
5.3有序列表
5.4列表的嵌套9
5.5案例:
使用列表标记添加导航目录9
六、表格10
6.1表格的作用10
6.2创建表格10
6.3表格的常用属性10
6.4单元格的常用属性10
6.5表格的标题
6.6行分组(表格特有的)11
6.7不规则表格11
6.8表格的嵌套11
6.9案例:
实现如下图所示表格11
七、表单12
7.1表单的作用12
7.2表单元素
7.3元素12
7.4文本框与密码框12
7.5单选框和多选框13
7.6按钮13
7.7隐藏域和文件选择框13
7.8元素13
7.9选项框13
7.10元素14
7.11表单元素分组(表单元素特有的)14
7.12案例:
创建复杂表单14
八、框架15
8.1浮动框架的作用15
8.2元素15
九、其他注意事项16
9.1Web应用程序的层次结构16
9.2界面层中根据类型应用程序的分类16
9.3单机应用和Web应用16
9.4Web类型的应用程序16
9.5本课程分为:
16
9.6何为Web基础16
1、HTML概述
1.1什么是HTML
1)HTML(HyperTextMarkupLanguage)是一种超文本标记语言,是一种纯文本类型的语言,是用来设计网页的标记语言。
2)用该语言编写的文件,以.html或者.htm为后缀。
3)由浏览器解释运行。
4)HTML是一个扩展性很强的语言,可以嵌套用脚本语言编写的程序段,如:
VBScript、JavaScript。
嵌入JavaScript代码可以实现动态效果,同时也可以使用CSS定义样式。
1.2Web浏览器
1)主要功能:
①代理访问者提交请求。
②作为HTML解释器和内嵌脚本程序执行器。
③用图形化的方式显示HTML文档。
2)主要Web浏览器产品
IE、Firefox、Chrome、Opera、Safari
2、
HTML基础语法
2.1标记语法
1)HTML用于描述功能的符号称为“标记”,比如
、
2)标记在使用时必须使用尖括号括起来,有些标记还必须成对出现。
双标记
1)语法:
<标记>内容标记>
<标记属性1="值"属性2="值">内容标记>
2)属性的声明必须位于开始标记里。
3)一个标记的属性可能不止一个,多个属性之间用空格隔开。
◆注意事项:
v封闭类型的标记必须成对出现。
v如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误。
单标记或者空标记
<标记>或者<标记/>
2)不需要结束标记,不能包含内容,可以设置属性。
例如:
hellowordhelloword
v为当前标准,为早期版本。
v对于单标记,建议写法,而不是。
2.4元素和属性
1)元素:
每一对尖括号包围的部分,如
2)属性:
用来修饰元素,每个属性都有值,属性放在开始标记中。
2.5注释
为代码添加适当的注释是一种良好的编码习惯。
1)注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示。
2)添加注释的语法:
--注释的文本内容-->
v“
--”和“-->”之间的任何内容都不会显示在浏览器中。
v注释不可以嵌套在其他注释中。
2.6HTML文档的标准结构
1)结构:
版本信息
--HTML页面-->
--文件头-->
--文件主体部分-->
2)例如:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.7版本信息
1)在文档的起始用DOCTYPE声明指定的版本和风格,让浏览器清楚文档的版本、类型和风格。
版本信息分为三种:
严格型、传统型(过渡型)、框架型。
2)StrictDTD:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3)TransitionalDTD:
(常用)
4)FramesetDTD:
(不常用了)
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN"
//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
传统型不需要命名空间,严格型需要命名空间。
1)
①所有其他头元素的容器。
②紧跟在起始标签之后。
2)定义整个文档相关的信息,常包含如下子元素:
①
标题。
②:
元数据元素,定义页面的编码格式或者刷新频率等。
③
copyright@ 2008-2023 冰点文库 网站版权所有
经营许可证编号:鄂ICP备19020893号-2