HTML的常用标记
这篇文章借助概念结合实例来总结孙鑫老师的"快速掌握HTML".
本文中实例存放路径为："F:\实例练习\孙鑫html"。
实例编写工具为：UltraEdit.
显示网页浏览器用：Internet Explorer.
概念结合实例总结如下：
1.WWW:万维网(World Wide Web)。
2.HTML:超文本标记语言(Hypertext Markup Language)。
3.Web页面(网页)也是一种文档，HTML是用于编写网页的一种标记语言。
4.标签：一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始标签是指不以斜杠(/)开头的标签，其内是一串允许的属性-值对。结束标签则是以一个斜杠(/)开头的标签。
5.HTML元素的四种形式
实例1：第一个网页文件：FirstPage.html
步骤：①在"F:\实例练习\孙鑫html"路径下，建立文本文件,改名为"FirstPage.html".
②用"UltraEdit"进行代码的编写。
代码编写：
This is First page!
Hello World!
HTML一般代码格式介绍：
注意事项：
①我们编写HTML文档时，即使不按照HTML的框架格式，目前我们所用的浏览器(IE)也能够很好地解析文档。例如：我们直接在文档中写上"Hello World!"，IE浏览器会将这些字符作为文档体的内容，在浏览器窗口中显示出来。
②在HTML文档中，一个标签的属性是可选的，你在写一个标签时，根据需要，可写上它的属性，也可不写。
③在HTML文档中，给一个标签的属性赋值的时候，可加双引号，也可不加。例如：
和
都是合法的。④HTML中，标签和属性的名字不区分大小写。
⑤在HTML文档中，如果存在连续多个空白字符(空格、制表符、回车、换行等)，浏览器显示时将只解析为一个空格字符。
7.与段落相关的标签
p表示paragraph，作用：创建一个段。属性align表示段的对齐方式，#可以是left、center、right、justify。
表示line break，作用：换行。
表示horizontal rule，作用：插入一条水平线。属性color用来指定线的颜色。
实例2：结合与段落相关的标签，输出"静夜思"古诗。
步骤：①在"F:\实例练习\孙鑫html"路径下，建立文本文件,改名为"JingYeSi.html".
②用"UltraEdit"进行代码的编写。
静夜思
静夜思
作者：李白
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
8.与文本显示相关的标签
-
… ：使文本居中显示。 -
… ：用于指出文档的标题，n是从1到6的整数，1表示最大标题，6表示最小标题。属性align用于设置标题对齐的方式，#可以是left、center、right。 - …：用于设置字体，属性size表示字体的大小，n可以是从1到7的整数，数字越大字体越大；属性color表示字体的颜色，clr是可预订的颜色名字，或者以16进制数表示的颜色值。
- …：使文本成为粗体。
- …：使文本成为斜体。
实例3：使用了与文本显示相关的标记后，显示"静夜思"页面
静夜思
静夜思
作者：李白
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
9.列表
①建立数字编号的列表
使用和
在标签中使用start属性，设置起始的序号。
在
②指定编号的格式和顺序
在和
③建立带有项目符号的列表
使用和
和
disc-----显示为实心的圆圈
square----显示为实心的方块
circle-----显示为空心的圆圈
④建立无符号的列表
使用与
使用
⑤建立术语列表
在元素中同时使用
实例4：各种项目编号的"图书列表"
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- 《Java从入门到精通》
- 《JSP快速入门》
- 《VC++深入编程》
- 《VB实例教程》
- HTML
- 超文本标记语言
- HTTP
- 超文本传输协议
显示结果如下：
10.表格
表格实例
表格定义：
表格是用＜table＞元素来定义的．如下所示：
...
属性border用干定义表格边框的宽度．n可以是从O开始的整数．如果设
置border=0．那么表格边框没有宽度．如果忽略border属性，浏览器将不会
显示边框，这和设置borde=0是一样的效果。
属性align用于设定表格的对齐方式．alignment可以是left、center或right
属性bgcoIor用于指定表格的背景色．它的取值和前面介绍过的color属性
的取值是一样的。
元素用于定义表格的标题，如： ...
元素在表格中添加一个新行，如: ... 属性align用于指定这一行在水平方向上的对齐方式，可以是left、center、right。属性valign用于指定这一行在垂直方向上的对齐方式，可以是top、middle、bottom.
元素用于定义表头，如： ...
元素用于定义单元格，如 ...
实例5：显示"2004年度期末考试成绩单"
表格的例子
2004年度期末考试成绩单
姓名
语文
数学
英语
张三
89
75
90
李四
98
94
92
王五
56
86
67
显示结果
11.HTML交互式表单、列表框、多行文本输入控件
①使用
表单基本语法：
元素用于接受用户输入的信息。
②列表框允许用户从一个下拉列表框选择一项or多项，其功能和单选按钮or复选框的功能相同。
列表框由
③创建多行文本输入控件的语法为：
实例6 ：表单的例子
代码编写：
表单的例子
显示结果如下：
12.超链接格式：...
嵌入图片：