一.HTML结构与格式
<body>//开始标签 //属性/值对 //内容
<font color="red" >http://www.sunxin.org</font>
</body>//结束标签
二.HTML元素的四种形式
1.空元素 <br>
2.带有属性的空元素 <hr color="blue">
3.带有内容的元素 <title>http://www.sunxin.org</title>
4.带有内容和属性的元素 <font color="red">http://www.sunxin.org</font>
三.有段落控制有关的标签
1.<p align="#"> 表示paragraph, 作用: 创建一个段。属性align表示段的对齐方式,#可以是left、center、right、justify。
2.<br> 表示line break,作用:换行。
3.<hr color="clr"> 表示horizontal rule,作用:插入一条水平线。属性color用来指定线的颜色,clr可以是预定义颜色的名字,例如:red、blue、green、black、white、yellow、olive、aqua等,或是以16进制数表示的颜色值,clr=#rrggbb,例如:#ff0000表示红色,#00ff00表示绿色,#0000ff表示蓝色。
在计算中,通常都采用RGB色来表示色彩,R(red)表示红色,G(green)表示绿色,B(blue)表示蓝色,通过红蓝绿三原色来构成其它的颜色。在这种表示方法中,各个成分采用两位的十六进制数来表示,00至FF(十进制的0~255),表示每一种颜色成分的强弱程度。一个较小的值,如00或01,表示一种较暗的RGB成分;而一个较大的值,如FE或FF,则表示一种非常亮的RGB成分。一种颜色用6位十六进制数来表示,000000表示黑色,FFFFFF表示白色,FF0000表示红色,OOFFOO表示绿色,OOOOFF表示蓝色。
四.与文本显示相关的标签
1.<center>...</center> 使文本居中显示。
2.<hn align="#">...</hn>用于指出文档的标题,n使从1到6的整数,1表示最大标题,6表示最小标题,属性align设置标题对齐的方式,#可以使left、right、center。
3.<font size=n color="clr">...</font> 用于设置字体,属性size表示字体的大小,n可以使从1得到7的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以使预定义的颜色名字,或者以16进制数表示的颜色值。
4.<b>...</b> 使文本成为粗体。
5.<i>...</i> 使文本成为斜体。
注意:在HTML中标签不区分大小写,实体引用是区分大小写的
五.输入特殊字符
在HTML文档中,像不间断字符,回车等符号,HTML保留的字符(如:'<',表示一个标记的开始),一些在键盘中不存在的特殊字符,例如:版权符号,都要通过引用才能输入。在HTML中有两种引用类型:字符引用和实体引用。
字符引用和实体引用都是以一个和好(&)开始并以一个分号(;)结束。如果用的是字符引用,需要在和号(&)之后加上一个井号(#),之后是所需要字符的十进制代码或十六进制代码(ISO 10646字符集中字符的编码)。如果用的是实体引用,在和号(&)之后写上字符的助记符。
六.如何输入空格
1. 输入一个空格,占6个字节;
2.使用全角输入空格,一个空格占2个字节,在不支持中文浏览器中全角空格显示为乱码;
七.HTML注释 <!--注释内容-->
八.列表
建立数字编号的列表:
1.使用<ol>和<li>标签创建带数字编号的列表;
2.<ol start="n"> start属性设置编号的起始序号n;
3.<li value="n"> value属性改变列表内编号,及其以后的编号;
指定编号的格式和顺序:
在<ol>和<li>标签中,使用type属性指定编号的系统类型。
A-大写字母; a-小写字母; I-大写罗马字母;i-小写罗马字母;1-阿拉伯数字;
建立带有项目符号的列表:
使用<ul>和<li>标签的type属性指定符号的样式,取值如下
disc-显示为实心的圆圈;square-显示为实心的方块;circle-显示为空心的圆圈;
创建无符号的列表:
使用<dl>和<dt>标签建无符号的列表;
使用<dd>标签替换<dt>,创建缩进的列表;
创建术语列表:
在<dl>元素中同时使用<dt>和<dd>,<dt>标签指定术语,<dd>标签指定术语说明;
九.表格
<table border=n align="alignment" bgcolor="clr">...</table>
1.border指定表格的宽度,border=0与忽略border属性效果一样,将不显示边框;
2.alignment指定表格的对齐方式,可以是left、center、right;
3.bgcolor指定表格的背景色;
<caption>...</caption>定义表格的标题;
<tr align="alignment" valign="alignment">...<tr在表格中添加一个新行;
1.align水平方向上的对齐方式:left、center、right
2.valign垂直方向上的对齐方式:top、middle、bottom
<th>...</th>定义表头;
<td>...</td>定义单元格;
十.表单
<form method="get or post" action="URL">
...
</form>
1.属性method用于指定向服务器发送表单数据的http方法,为get或post方法中的一种,采用get时(缺省值),提交的数据被附加到URL末端,安全性不高。post将数据作为一个数据块发送到服务器端。两种方法的数据编码的格式均为:name1=value1&name2=value2
2.属性action指定对表单进行处理的脚本地址。
3.数据方面没有安全方面的考虑一般采用get方法;若数据量太大或有安全方面的考虑采用post;
<input type="type" name="name" size="size" value="value">
接受用户输入信息,type指定要创建的控件类型,name指定控件的名称,size指定表单中控件的初始宽度,value指定控件的初始值;
type="text" 单行文本输入控件
type="submit" 提交按钮
type="reset" 重置按钮
type="password" 口令输入控件
type="radio" 单选按钮
type="checkbox" 复选框
type="hidden" 隐藏控件
列表框允许用户从一个下拉菜单中选择一项和多项
由<select>元素创建,下拉才当中的各个选项用<option>元素提供。
多行文本输入控件:
<textarea name="name" rows="n" cols="m">...</textarea>
开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示;
十一.超链接
1.URL-统一资源定位符,由三部分组成:协议,主机名称,文件目录和文件名。
2.</a href=URL"">...</a>建立一个超链接
属性href用于指定连接的目标,目标地址由URL定位,<a>与</a>之间为链接文本
URL可以为相对路径也可以为绝对路径;
十二.潜入图像 <img src="URL" width=n height=n>
src指定图像资源的位置,属性width和height用于指定图片的尺寸,不匹配时发生拉伸或压缩
<body>//开始标签 //属性/值对 //内容
<font color="red" >http://www.sunxin.org</font>
</body>//结束标签
二.HTML元素的四种形式
1.空元素 <br>
2.带有属性的空元素 <hr color="blue">
3.带有内容的元素 <title>http://www.sunxin.org</title>
4.带有内容和属性的元素 <font color="red">http://www.sunxin.org</font>
三.有段落控制有关的标签
1.<p align="#"> 表示paragraph, 作用: 创建一个段。属性align表示段的对齐方式,#可以是left、center、right、justify。
2.<br> 表示line break,作用:换行。
3.<hr color="clr"> 表示horizontal rule,作用:插入一条水平线。属性color用来指定线的颜色,clr可以是预定义颜色的名字,例如:red、blue、green、black、white、yellow、olive、aqua等,或是以16进制数表示的颜色值,clr=#rrggbb,例如:#ff0000表示红色,#00ff00表示绿色,#0000ff表示蓝色。
在计算中,通常都采用RGB色来表示色彩,R(red)表示红色,G(green)表示绿色,B(blue)表示蓝色,通过红蓝绿三原色来构成其它的颜色。在这种表示方法中,各个成分采用两位的十六进制数来表示,00至FF(十进制的0~255),表示每一种颜色成分的强弱程度。一个较小的值,如00或01,表示一种较暗的RGB成分;而一个较大的值,如FE或FF,则表示一种非常亮的RGB成分。一种颜色用6位十六进制数来表示,000000表示黑色,FFFFFF表示白色,FF0000表示红色,OOFFOO表示绿色,OOOOFF表示蓝色。
四.与文本显示相关的标签
1.<center>...</center> 使文本居中显示。
2.<hn align="#">...</hn>用于指出文档的标题,n使从1到6的整数,1表示最大标题,6表示最小标题,属性align设置标题对齐的方式,#可以使left、right、center。
3.<font size=n color="clr">...</font> 用于设置字体,属性size表示字体的大小,n可以使从1得到7的整数,数字越大,字体越大;属性color表示字体的颜色,clr可以使预定义的颜色名字,或者以16进制数表示的颜色值。
4.<b>...</b> 使文本成为粗体。
5.<i>...</i> 使文本成为斜体。
注意:在HTML中标签不区分大小写,实体引用是区分大小写的
五.输入特殊字符
在HTML文档中,像不间断字符,回车等符号,HTML保留的字符(如:'<',表示一个标记的开始),一些在键盘中不存在的特殊字符,例如:版权符号,都要通过引用才能输入。在HTML中有两种引用类型:字符引用和实体引用。
字符引用和实体引用都是以一个和好(&)开始并以一个分号(;)结束。如果用的是字符引用,需要在和号(&)之后加上一个井号(#),之后是所需要字符的十进制代码或十六进制代码(ISO 10646字符集中字符的编码)。如果用的是实体引用,在和号(&)之后写上字符的助记符。
六.如何输入空格
1. 输入一个空格,占6个字节;
2.使用全角输入空格,一个空格占2个字节,在不支持中文浏览器中全角空格显示为乱码;
七.HTML注释 <!--注释内容-->
八.列表
建立数字编号的列表:
1.使用<ol>和<li>标签创建带数字编号的列表;
2.<ol start="n"> start属性设置编号的起始序号n;
3.<li value="n"> value属性改变列表内编号,及其以后的编号;
指定编号的格式和顺序:
在<ol>和<li>标签中,使用type属性指定编号的系统类型。
A-大写字母; a-小写字母; I-大写罗马字母;i-小写罗马字母;1-阿拉伯数字;
建立带有项目符号的列表:
使用<ul>和<li>标签的type属性指定符号的样式,取值如下
disc-显示为实心的圆圈;square-显示为实心的方块;circle-显示为空心的圆圈;
创建无符号的列表:
使用<dl>和<dt>标签建无符号的列表;
使用<dd>标签替换<dt>,创建缩进的列表;
创建术语列表:
在<dl>元素中同时使用<dt>和<dd>,<dt>标签指定术语,<dd>标签指定术语说明;
九.表格
<table border=n align="alignment" bgcolor="clr">...</table>
1.border指定表格的宽度,border=0与忽略border属性效果一样,将不显示边框;
2.alignment指定表格的对齐方式,可以是left、center、right;
3.bgcolor指定表格的背景色;
<caption>...</caption>定义表格的标题;
<tr align="alignment" valign="alignment">...<tr在表格中添加一个新行;
1.align水平方向上的对齐方式:left、center、right
2.valign垂直方向上的对齐方式:top、middle、bottom
<th>...</th>定义表头;
<td>...</td>定义单元格;
十.表单
<form method="get or post" action="URL">
...
</form>
1.属性method用于指定向服务器发送表单数据的http方法,为get或post方法中的一种,采用get时(缺省值),提交的数据被附加到URL末端,安全性不高。post将数据作为一个数据块发送到服务器端。两种方法的数据编码的格式均为:name1=value1&name2=value2
2.属性action指定对表单进行处理的脚本地址。
3.数据方面没有安全方面的考虑一般采用get方法;若数据量太大或有安全方面的考虑采用post;
<input type="type" name="name" size="size" value="value">
接受用户输入信息,type指定要创建的控件类型,name指定控件的名称,size指定表单中控件的初始宽度,value指定控件的初始值;
type="text" 单行文本输入控件
type="submit" 提交按钮
type="reset" 重置按钮
type="password" 口令输入控件
type="radio" 单选按钮
type="checkbox" 复选框
type="hidden" 隐藏控件
列表框允许用户从一个下拉菜单中选择一项和多项
由<select>元素创建,下拉才当中的各个选项用<option>元素提供。
多行文本输入控件:
<textarea name="name" rows="n" cols="m">...</textarea>
开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示;
十一.超链接
1.URL-统一资源定位符,由三部分组成:协议,主机名称,文件目录和文件名。
2.</a href=URL"">...</a>建立一个超链接
属性href用于指定连接的目标,目标地址由URL定位,<a>与</a>之间为链接文本
URL可以为相对路径也可以为绝对路径;
十二.潜入图像 <img src="URL" width=n height=n>
src指定图像资源的位置,属性width和height用于指定图片的尺寸,不匹配时发生拉伸或压缩