HTML学习笔记.docx
《HTML学习笔记.docx》由会员分享,可在线阅读,更多相关《HTML学习笔记.docx(23页珍藏版)》请在冰豆网上搜索。
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)定义整个文档相关的信息,常包含如下子元素:①:标题。②:元数据元素,定义页面的编码格式或者刷新频率等。③ 相关资源 初中语文现代文阅读35种题型汇总.docx 初中语文阅读理解答题的33个套路.docx 初中语文考试常考古诗词理解性默写(填空版).docx 初中语文作文素材:金句100例.docx 初中语文23篇文言文专项练习.docx 初中语文作文素材:100个优秀作文开头.docx 初中语文考试应用文模板及范文总结.docx 八年级上册语文课内文言文知识点汇总.docx 初中语文考试作文精彩段落.docx 七年级上册语文课内文言文知识点汇总.docx 猜你喜欢 供暖设备项目投资计划书项目规划.docx 第一课春季学期返校复学第一课课程方案幼儿园版.docx 纠正措施记录表01.docx 软件需求分析报告模板完整版.docx 科技创新管理办法-DHJL-5标.docx 钢铁行业需求深度调研投资展望分析报告.docx 科学仪器室规章制度.doc 山东继续医学教育H7N9流感等6种突发传染疾病防治答案案.docx 上海高考英语作文万能公式修改版.docx 相关搜索 HTML 学习 笔记 当前位置:首页 > 初中教育 > 语文 copyright@ 2008-2022 冰豆网网站版权所有经营许可证编号:鄂ICP备2022015515号-1 登录 首页 资源分类 升级会员 通知公告 帮助中心
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-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1