Java Web HTML基础 静态网页制作

1.HTML简介

HTML（超文本语言）是构成网页文档的主要语言；
HTML语言的基本组成部分是各种标签；
HTML有两种类型的标签：一种是单标签，例如：< br>。一种是双标签，例如：< p>< /p>；
HTML对大小写不敏感；

2 HTML文档的基本结构

总结：
< head>< /head>用来设置网页的标题，可以省略。
< body></ body>之间的内容在浏览器窗口上显示。

3 HTML中的常用标签

3.1 文字布局及字体标签

在HTML中提供了6个等级标题，数字越大，标题字号越小。

---

< br>为换行标签

---

< p>为段落标签，一个段落开始由< p>来标记，结束用< /p>。< p>有一个常用的属性align，用来指明内容显示时的对齐方式，常用有left，center和right，分别表示左对齐，居中对齐和右对齐。
注：改变 浏览器的大小，字体之间的距离也随之改变。

---

hr标签

小结：
< hr>是水平线；
size：水平线的宽度，单位为像素；
width：水平线的长，如果不设置，则默认为页面长度，其默认单位为像素；单也可以用百分制，例如width=50%表示长度为页面长度的50%；
align：水平线的对齐方式，常用的有left，center和right；
noshade：若设置，则线段为实心线段；
color：线段内部的颜色。

3.2 文字设计标签

小结：
< font>< /font>标签一把用于标记字体，以下有常见属性。
size：1到7，值越大，字体越大。值为3为页面默认值。还要其他表示，“如：size=+2”，“szie=-2”表示为比标准字体大2号或小2号。
face：用来设置字体类型，默认为实体。
< b>内容< /b>：将内容设置为粗体。
< u>内容< /u>：将内容设置下划线。
< i>内容< /i>：将内容设置为斜体。
< sup>内容< /sup>：将内容设置为上标。
< sub>内容< /sub>：将内容设置为下标。
注：空格可以用& nbsp;

---

3.3 列表标签

总结：
（1）列表标签分为两种，一种是有序的，另一种是无序的。其中列表的每一项用< li>列表项< /li>表示。
（2）< ul>内容< /ul>：表示无序标签。
（3）< ol>< /ol>：表示有序标签，不同点在每个列表项前加上数字。

---

4 表格标签

4.1 表格基本设计

小结：
编写表格所用到的标签如下。
< table>< /table>:定义表格，表格的所有内容都写在这个标签之内。
< caption>< /caption>:定义标题，自动出现在正张表格的上方。
< tr>< /tr>:定义表行。
< th>< /th>:定义表头；包含在< tr>< /tr>之间，表头中的文字自动变成粗体。
< td>< /td>:定义表格的具体数据，包含在< tr>< /tr>之间。
align:用来指明内容显示时的对齐方式，常用有left，center和right，分别表示左对齐，居中对齐和右对齐。
bgcolor:设置边框的宽度，属性值为整数，默认值为0。
width:宽度，默认单位为像素，可以有百分数表示。
heiht:宽度，默认单位为像素，可以有百分数表示。

4.2 合并单元格

总结：
合并单元格必须对< td>标签中的rowspan、closoan属性进行设置，属性值都为整数，默认为1，表示没有合并。
owspan表示行与行之间合并。
closoan表示列与列之间合并。

5 链接和图片标签

总结：
< a>< /a>为链接所显示的内容，可以是文字、空格占位符、图片等，此标签的一个重要属性是href，他的值表示链接所指向的资源地址。
< img >图片标签的作用是将一幅图片显示字啊网页的某个位置，并且可以设置它的大小、边框等属性。
src：表示图片储存的位置。
width,heigt,border和align：和之前的一样。
alt：当图片未载入或者载入失败时提供的替代性文字说明。

6 表单标签

总结：
控件包括文本框、密码框、单选框、复选框、重置按钮、普通按钮、提交按钮等。这些控件所在的区域叫做表单。
< form>< /form>为表单。
< input> </ input>可以显示输入框和按钮等元素，由他的type属性决定。
text:为input标签type属性的属性值，文本框。
passswd：为input标签type属性的属性值，密码框。
radio：为input标签type属性的属性值，单选按钮，可以将多个单选按钮的name属性设置为相同，使其成为一组。checked属性可以设置默认被选。
checkbox:复选框，checked属性可以设置默认被选。
reset:重置按钮，按下之后所有的表单内容变为默认值。
button:普通按钮。
submit:提交按钮，按下之后网页会将表单的内容提交给action设定的网页，action的值为空时提交给本页。
< textarea>< /textarea>:表示多行文本框，可以用rows属性表示其行数，用cols属性表示其列数。
< select>< /select>:表示下拉菜单，其中的选项使用“< option>选项内容< /option>”表示，multiple属性能将其设置为多选，size属性的值为下来菜单显示的项目数。