HTML是Hyper Text Markup Language的缩写,中文译为“超文本标记语言”。用HTML语言编写的超文本文档称为HTML文档,和一般文档的不同之处是,一个HTML文件不仅包含文本内容,还包含一些Tag('标签')。HTML文件的后缀名为.html或html学好HTML,可以方便让我们学好JavaEE的一个基础。下面,我们来简单地学习一下HTML.
工具/原料
1
文本编辑器
2
IE浏览器
HTML文档基本结构
1
HTML的文档基本结构如下:
......结构解析: 等等称为“标签”。标签不分大小写,在中间可以包含内容。其中:标签表示的内容为HTML文档<侨截/head>用来说明网页的一些基诸腊季本情况。如网页的标签等,可以省略缝宿用来包含网页的主体信息,即网页的正文部分2我的第一个网页 Hello,World其中 用于显示标题的
用记事本创建文本文档,并向其填入以下内容。更改文本文件扩展名为html或htm。之后用浏览器打开,就能看到结果
HTML常用标签
1
HTML常用的标签有文本相关标签、图像标签、超链接标签、表格类标签等
2
:换行标签,用于需要换行的地方;
文本类:
...:预先格式化标签,添加在文本的开始和结尾处;
:换行标签,用于需要换行的地方;
...
:段落标签,添加在段首和段尾,其有一个属性align用于描述文字的对齐方式,值为center,left和right,分别表示居中,左对齐和右对齐。...对它括起来的文字设置样式,有如下属性:face:文字所用的属性;size:文字的大小;color:文字的颜色...
表示一级标题;...
表示二级标题。。。等等3
网页背景类:在
...在body通过bgcolor可以设置主体内容的背景颜色。在...可以设置网页的背景4
图像类标签:基本语法格式为:,它还有以下属性:alt :图像的说明性文字,在网页不能正常显示时会出现该文字width和height:用于设置图像的宽度和高度align:同样是用于图像的对齐方式和文本标签的一样border:图像的边框的宽度,单位是像素hspace和vsapce:图像在浏览器的水平间距和垂直间距
5
超链接类标签:给网页上的文本或图像设置超链接,可以使用其跳到目的点,基本语法格式如下:文字或图像
6...
:表格标签,表示一个表格的开始与结束;... :行标签,成对出现,包含在表格标签之间,有几对标签说明有几行表格;... :单元格标签,成对出现,包含在行标签之间,有几对单元格标签,就有几个单元格是特殊的单元格,表示该单元格为标题,即标头。有以下几个属性:border:标签的属性,表示表格边框的宽度,单位为像素,默认宽度为0,即无边线;width和height:适用三个标签,表示宽和高;align:适用三个标签,表示各个对应的表格的内的对象的对齐方式;valign:表示垂直方向的对齐方式bgcolor:表示背景颜色background:表示背景图片cellspacing:标签的属性,表示单元格的间距,单位为像素;cellspadding:标签的属性,表示单元格的边距,单位为像素;colspan:标签
表格类:表格是网页中最常使用的排版方法,这里简单介绍一些表格类标签
的属性,表示跨多列合并;rowspan:标签 | ||||||||||||||
成绩单 | ||||
学号 | 姓名 | JSP程序设计 | 程序设计 | 计算机网络 |
---|---|---|---|---|
0001 | 小明 | 90 | 80 | 82 | 结果如图: