Java web 总图 第一阶段 HTML总结
2017-04-13 09:38
253 查看
1.了解HTML语言。
HTML(超文本标记语言),是标准通用标记语言下的一个应用。
1.1 HTML 的强大
网页的本质就HTML(超文本标记语言),通过结合使用其他Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
1.2 HTML 的特点
HTML的书写并不复杂,但功能强大,支持不同数据格式的文件嵌入
1.简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2.可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
2.HTML的整体结构
一个HTML文件是有自己固有的文件结构的。
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解:
1.<html></html>称为根标签,所有的网页标签都包含在<html></html>中。
2.<head></head>标签用于定义文档头部,它是所有的头部元素的容器。
3.<body></body>标签之间的内容是网页的主体内容,在<body></body>中的元素标签的内容会在浏览器中显示。
3.HTML的字体标签
1.HTML <font> 标签
在W3中
4.HTML 中的表单元素(表单元素都包含在<from></form>中)
1. HTML 表单用于收集不同类型的用户输入。<form></form>表单标签
<form>的属性
三个重要的属性说明:
1、action指定该表单发送时接受操作的地址
2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送。post则是在HTTP请求中发送。
3、enctype指定表单数据在发送的服务器之前如何编码,特别注意的是,当含有上传域时要设置编码方式为enctype="multipart/form-data",否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况,这个编码格式是application/x-www-form-urlencoded,不能用于文件上传;只有使用了multipart/form-data,form里面的input的值以2进制的方式传过去。才能完整的传递文件数据。FTP上传大文件的时候,也有个选项是以二进制方式上传。
enctype的三个选项
值 描述
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data 不对字符编码。以二进制的方式发送数据,当表单含有上传域 时,必须使用后台才能获取上传的文件。
text/plain 空格转换为 "+" 加号,但不对特殊字符编码。
2. 表单元素
这个介绍挺详细的http://www.cnblogs.com/kissdodog/archive/2013/01/10/2854917.html
太多了,多写写吧,老夫着不住了
学了这些 自己练练吧
最后一句,你站在桥上看风景,看风景的人在楼上看你。明月装饰了你的窗子,你装饰了别人的梦。
HTML(超文本标记语言),是标准通用标记语言下的一个应用。
1.1 HTML 的强大
网页的本质就HTML(超文本标记语言),通过结合使用其他Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
1.2 HTML 的特点
HTML的书写并不复杂,但功能强大,支持不同数据格式的文件嵌入
1.简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2.可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
2.HTML的整体结构
一个HTML文件是有自己固有的文件结构的。
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解:
1.<html></html>称为根标签,所有的网页标签都包含在<html></html>中。
2.<head></head>标签用于定义文档头部,它是所有的头部元素的容器。
3.<body></body>标签之间的内容是网页的主体内容,在<body></body>中的元素标签的内容会在浏览器中显示。
3.HTML的字体标签
1.HTML <font> 标签
定义和用法
<font> 规定文本的字体、字体尺寸、字体颜色。实例
规定文本字体、大小和颜色:<font size="3" color="red">This is some text!
</font>
<font size="2" color="blue">This is some text!
</font>
<font face="verdana" color="green">This is some text!
</font>
标准属性
id, class, title, style, dir, lang, xml:lang
在W3中
4.HTML 中的表单元素(表单元素都包含在<from></form>中)
1. HTML 表单用于收集不同类型的用户输入。<form></form>表单标签
<form>的属性
三个重要的属性说明:
1、action指定该表单发送时接受操作的地址
2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送。post则是在HTTP请求中发送。
3、enctype指定表单数据在发送的服务器之前如何编码,特别注意的是,当含有上传域时要设置编码方式为enctype="multipart/form-data",否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况,这个编码格式是application/x-www-form-urlencoded,不能用于文件上传;只有使用了multipart/form-data,form里面的input的值以2进制的方式传过去。才能完整的传递文件数据。FTP上传大文件的时候,也有个选项是以二进制方式上传。
enctype的三个选项
值 描述
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data 不对字符编码。以二进制的方式发送数据,当表单含有上传域 时,必须使用后台才能获取上传的文件。
text/plain 空格转换为 "+" 加号,但不对特殊字符编码。
2. 表单元素
这个介绍挺详细的http://www.cnblogs.com/kissdodog/archive/2013/01/10/2854917.html
太多了,多写写吧,老夫着不住了
学了这些 自己练练吧
最后一句,你站在桥上看风景,看风景的人在楼上看你。明月装饰了你的窗子,你装饰了别人的梦。
相关文章推荐
- 【JavaWeb】Java/Java web第一阶段总结
- atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js
- 个人学习第一阶段——关于html和css的技巧及问题总结(一)
- java基础第一阶段的学习总结。
- atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js
- 第一阶段java总结
- 慕课网 JAVA遇见HTML——JSP篇 阶段项目总结 model1模型实现商品浏览记录
- java - 第一阶段总结
- atitit.软件开发GUI 布局管理优缺点总结java swing wpf web html c++ qt php asp.net winform
- JAVA第一阶段总结
- 华信JAVA培训——第一阶段总结
- Web第一阶段:Html
- atitit.软件开发GUI 布局管理优缺点总结java swing wpf web html c++ qt php asp.net winform
- atitit.软件开发GUI 布局管理优缺点总结java swing wpf web html c++ qt php asp.net winform
- 惠普实训第一阶段总结,java项目总结,第二阶段计划
- atitit.软件开发GUI 布局管理优缺点总结java swing wpf web html c++ qt php asp.net winform
- Java web 总图 第一阶段 CSS 总结
- Java基础第二阶段——01_JavaWeb_html&标签
- Java第一阶段总结
- atitit.软件开发GUI 布局管理优缺点总结java swing wpf web html c++ qt php asp.net winform