html代码记.docx

html代码记2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： ：文字以粗体显示。 <I></I> ：文字显示为斜体。 <U></U> ：显示下划线。 <STRIKE></STRIKE> ：删除线。 <BIG></BIG> ：使文字大小相对于前面的文字增大一级。 <SMALL></SMALL> ：使文字大小相对于前面的文字减小一级。 <SUP></SUP> ：使文字成为前一个字符的上标。 <SUB></SUB>：使文字成为前一个字符的下标。 <BLINK></BLINK>：使文字显示为闪烁效果。 <TT></TT>：以等宽体显示西文字符。 <CITE></CITE>：输出引用方式的字体，通常是斜体。 <EM></EM>：强调文字，通常用斜体加黑体。 <STRONG></STRONG>：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如<BLINK> 标记。 字型设置标记的应用。 例如单标记<HR>表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：<HR size=“3” align=“LEFT” width=“75%”>。 功能：设置网页中普通文字的显示效果。 格式：<FONT face=“字体” size=“字号” color=“颜色”>文字</FONT>。 格式：<Hn align=“对齐方式”>标题内容</Hn>。 属性：n 表示标题字号的级别，可以是16之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。 格式：<P align=“水平对齐方式”></P>。 强制换行标记 功能：另起一行显示文字。 格式：插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：<HR width=“value1” size=“value2” align=“value3” color=“color1” noshade> 1无序列表 功能：设置无序列表。 格式： <UL type=“加重符号类型”> <LI type=“加重符号类型”>列表项目1 <LI type=“加重符号类型”>列表项目2 属性：在无序列表的开始和结束处，分别是<UL>和</UL>标记，每一项列表条目之前必须加上<LI>标记。type 属性表示在每个项目前显示加重符号的类型，共有三种选择：type=“disc”时，列表符号为“”，type=“circle”时，列表符号为“”，type=“square”时，列表符号为“”。<UL>和<LI>标记都可以定义type参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设置。 2有序列表 功能：设置有序列表。 格式： <OL type=“序号类型”start=“起始号码”> <LI type=“序号类型”>列表项目1 <LI type=“序号类型”>列表项目2 </OL>。 属性：在有序列表的开始和结束处，分别是<OL>和</OL>标记，每一项列表条目之前必须加上<LI>标记。type 属性表示在每个项目前显示的序号类型，其值可以为1、A、a、I、i。start 用于设置编号的开始值，默认值为1，<LI>标记设定该条目的编号，其后的条目将以此作起始数目逐渐递增。 说明：无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。 有序列表标记的应用。 功能：在页面中制作文字滚动的效果。 格式：<MARQUEE behavior =“value” bgcolor =“color” direction =“value” height =“value” width =“value” loop =“value ” scrollamount =“value ” scrolldelay =“value” hspace=“value” vspace=“value”>滚动文字</MARQUEE>。 属性如下。 behavior ：设置文字滚动方式。共有三种滚动方式供选择：behavior =“alternate”时，文字将交替进行滚动；behavior =“scroll”时，文字将循环往复滚动；behavior =“slide”时，文字将只进行一次滚动。 bgcolor ：为滚动文字添加背景颜色。 direction ：设置文字滚动的方向，value的取值可以为up、down、left和right四种，分别表示滚动文字的方向向上、向下、向左和向右。 height和width：设置文字滚动的区域，取值为点数或相对于窗口的百分比。 loop ：设置文字滚动的循环次数。默认值为-1，-1表示无限次循环次数。 scrollamount ：调整文字滚动的速度，数值越大速度越快。 scrolldelay ：设置在每一次滚动的间隔产生一段时间的延迟，数值越大延迟越长。 hspace和vspace ：设置文字滚动的水平垂直空间。 <IMG>的图像标记功能 功能：在当前位置插入图像。 格式： <IMG src=“image-URL” alt=“简单说明” longdesc=“详细说明” width=“x” height=“y” border=“边框长度” hspace=“x” vspace=“y” align=“对齐方式”>。 <IMG>的视频标记功能 利用<IMG>还可以变相的插入视频 功能：在网页中加入视频信息，格式一般为*.AVI。 格式：<IMG src=“image-URL” dynsrc=“avi-URL” loop=“n” start=“开始时间” controls loopdelay=“时间间隔”>。 2.3.2 背景音乐标记 功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。 格式：<BGSOUND src=“声音文件的URL地址”loop=“value”>。 属性：src指明声音文件的 URL地址。 loop控制播放次数，取 -1或INFINITE时，声音将一直播放到浏览者离开该网页为止。 2.3.3 多媒体标记 功能：在页面中放置如SWF动画、MP3音乐、电影等多种多媒体内容。 格式：<EMBED src=“file_URL” height=“value” width=“value” hidden=“hidden_value” autostart=“auto_value” loop=“loop_value”></EMBED> 属性如下。 src ：指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。 功能：建立超链接。 格式：<A href=“file-URL” target=“value”>显示的文本或图像</A>。 2.5 HTML的表格标记 表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长信息，有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置，使页面有很多意想不到的效果，使页面更加整齐美观。表格标记的构成如下： 功能：建立基本表格。 格式： <TABLE summary=“文字” bgcolor=“color1” background=“Image-URL” border=“n” bordercolor=“color2” width=“x或x%” height=“x或x%” align=“LEFT/RIGHT/CENTER”> <CAPTION align=“TOP/BOTTOM/LEFT/RIGHT”>表题</CAPTION> <TR> <TH>表头1</TH><TH>表头2</TH>.<TH>表头n</TH> </TR> <TR> <TD>表项1</TD><TD>表项2</TD>.<TD>表项n</TD> </TR> <TR> <TD>表项1</TD><TD>表项2</TD>.<TD>表项n</TD> </TR> </TABLE>。 <TABLE></TABLE>标记对用来创建一个表格。 <CAPTION></CAPTION>表示对表格标题的说明 <TR></TR>定义行，该标记中的内容显示在一行，此标记对只能放在<TABLE></TABLE>标记对之间使用，而在此标记对之间加入文本将是无用的，因为在<TR></TR>之间只能紧跟<TD></TD>标记对才是有效的语法；<TD></TD>标记对用来创建表格中一行中的每一个格子，此标记对也只有放在<TR></TR>标记对之间才是有效的，输入的文本也只有放在<TD></TD>标记对中才有效。 <TH></TH> 用来设置表格头，表头的每一列需用一个<TH>标记，通常是黑体居中文字。 <TD></TD>用来定义表格内容的一列，与<TH>的区别是内容不加黑显示。 说明： < TABLE>中bgcolor、background、align、height、width等属性可以放在TD标记中，作为单元格的属性。 一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以<TR>、<TH>、<TD>均可以作单标记使用。 <TH>标记还可以用于每行的第一列，设置列标题。 <CAPTION>、<TH>、<TD>标记之间可以嵌套其他格式标记，如<P>、<FONT >等。 单元格内容可以是文字，也可以是图像。 表格可以嵌套，通过表格嵌套可以产生复杂的表格。 <TR>还有align和valign属性。align是水平对齐方式，取值为LEFT(左对齐)、CENTER(居中)、RIGHT(右对齐)；而valign是垂直对齐方式，取值为TOP(靠顶端对齐)、MIDDLE(居中间对齐)或BOTTOM(靠底部对齐)。 1表单标记<FORM> 2输入标记<INPUT> 输入标记<INPUT >是表单中最常用的标记之一。该标记用来定义一个输入区，可在其中输入信息，此标记必须放在<FORM></FORM>标记对之间。 格式：<INPUT name="fieldname" type="typename">。 3菜单和列表标记<SELECT>和 <OPTION> 文本框标记<TEXTAREA> <TEXTAREA></TEXTAREA>表示创建一个可以输入多行的文本框，可以在其中输入更多的文本，此标记对放在<FORM></FORM>标记对之间。 格式：<TEXTAREA name="name" rows="value" cols="value"></TEXTAREA > 1框架集标记<FRAMESET>框架主要包括两个部分，一个是框架集，另一个就是框架。框架集是在一个文档内定义的一组框架结构的HTML网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是指在网页上定义的一个显示区域。在使用了框架集的页面中，页面的<BODY>标记被<FRAMESET>标记所取代，然后通过<FRAME>标记定义每一个框架。 功能：定义分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。 格式：<FRAMESET cols="value，value，" rows="value，value，" framespacing="value" bordercolor="Colorvalue"></FRAMESET>。 属性如下。 cols：左右分割窗口。 rows：上下分割窗口。 framespacing：设定框架集的边框宽度。 bordercolor：设定框架集边框颜色。 框架标记<FRAME>