看了HTML孙鑫视频后,对HTML有了基本明确的掌握,梳理知识点对其进行一下总结。
首先我们要了解我们为什么要学习HTML,我们搞Web开发,不可避免要接触HTML。JSP也是要学习到的知识,先来简单认识一下,它是一种动态网页开发的技术。我们经常要在HTML中嵌入Java代码,作为JSP开发人员,必须掌握一些常用的HTML标记。
认识一下HTML,全称:Hypertext Markup Language,超文本标记语言。Web页面,或者说是网页,HTML就是来编写此文档的一种标记语言。
HTML速成的一些必要知识点来说一下。
标签不只是这么简单。它在段落和文本中还不一样。
段落控制:
表示paragraph,创建一个段,属性align表示段的对齐方式,#可以是left、center、right、justify。
表示link break,作用:换行
表示horizontal rule,作用:插入一条水平线。
文本显示:
使文本居中显示
用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题。属性align用户设置标题对齐的格式,#可以是left、center、right。
...
用于设置字体。
...
使文本成为粗体
...
使文本成为斜体
(1)空元素
(2)带有属性的空元素
(3)带有内容的元素
(4)带有内容和属性的元素 http://www.baidu.com
这里需要注意的是,不同形式,这里标签是不一样的。
HTML文档一定要有注释啊,维护修改起来方便。注释展现:,例如
拓展:特殊字符,先上图,随后用到再回来查找。常用的字符实体:
使用和
标签中使用start属性,设置起始的序号,在
在和
使用和
使用与
知识点总结得再好看得也是醉了,真枪实弹地来个实例。
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
- 《红楼梦》
- 《西游记》
- 《三国演义》
- 《水浒传》
网页效果:
用于定义表格的标题
...
在表格中添加一个新行,属性align用于指定这一行在水平方向上的对齐方式,alignment可以是left、center、right。属性valign用于指定这一行在垂直方向上的对齐方式,alignment可以是top、middle、bottom
用于定义表头
用于定义单元格
来吧,理论实践相结合,上实例吧。
html文档:
表格的例子
2015年度上半年期末考试成绩单
姓名
语文
数学
英语
张三
100
98
80
李四
100
98
80
王五
100
98
80
网页展示效果:
表单创建
method用于指向服务器发送表单数据时所使用的HTTP方法。get是缺省的方法,当采用get方法提交表单时,提交的数据被附加到URL(在属性aciton中指定)的末端,作为URL的一部分发送到 服务器端。post方法是将表单中的信息作为一个数据块发送到服务器端。属性action指定对表单进行处理的脚本的地址。
其中我们要用到元素。
属性type用来指定要创建的控件的类型。name属性在表单中并不显示。属性size用来指定表单中控件的初始宽度。属性value指定控件的初始值。
收藏一下元素。
用户填写注册信息的时候,输入个人简历,单行的文本输入控件不适合,怎么接受多行输入信息,我们可以使用多行文本输入控件。
属性rows用于指定文本输入控件可视区域显示的宽度。在开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示。
赶紧来实例验证一下。
html文档:
表单的例子
网页效果:
HTML文本之所以被称为超文本,就是因为它具有普通文本不具有的超链接功能。能够通过点击关键字来实现页面的跳转。
建立链接:...
属性href用于指定链接的目标,目标地址由URL定位,在开始标签和结束标签之间输入的文本将作为浏览器中显示的链接文本。
网页可以嵌入图像,基本语法为:
属性src指定图像资源的位置,属性width和height用于指定图片的尺寸。
要想理解透彻,还得看一下例子。
链接的例子
表单的例子
表单的例子
表单的例子
百度
晓晓
网页效果:
效果可不是这么简单,点击任何一个关键字,它都能跳转到相应的页面。
HTML也就这么些东西,不过细节的东西还有很多,无足大碍,以上内容有兴趣可以尝试编写一下,真正感受一下 html的魅力之所在。要想编写出更好的网页结构,还需要对html进一步的学习。