网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。 前面我们了解了什么是HTML,接下来就要了解一下html常用标签了,只有了解了常用的html标签我们才能真正了解HTML的内容,我们平时看到用到的HTML中有以下常用标签,也可以说你必须清楚记住的这几个标签,这里我们按二种方式整理,一是按类型,一是按字母,这样便于查询,HTML常用标签如下: 一、按类型分html常用标签 1.跑马灯 标签 功能 html <marquee>...</marquee> 普通卷动 html <marquee behavior=slide>...</marquee> 滑动 html <marquee behavior=scroll>...</marquee> 预设卷动 html <marquee behavior=alternate>...</marquee> 来回卷动 html <marquee direction=down>...</marquee> 向下卷动 html <marquee direction=up>...</marquee> 向上卷动 html <marquee direction=right></marquee> 向右卷动 html <marquee direction=left></marquee> 向左卷动 html <marquee loop=2>...</marquee> 卷动次数 html <marquee width=180>...</marquee> 设定宽度 html <marquee height=30>...</marquee> 设定高度 html <marquee bgcolor=FF0000>...</marquee> 设定背景颜色 html <marquee scrollamount=30>...</marquee> 设定卷动距离 html <marquee scrolldelay=300>...</marquee> 设定卷动时间
2. 字体效果 标签 功能 html <h1>...</h1> 标题字(最大) html <h6>...</h6> 标题字(最小) html <b>...</b> 粗体字 html <strong>...</strong> 粗体字(强调) html <i>...</i> 斜体字 html <em>...</em> 斜体字(强调) html <dfn>...</dfn> 斜体字(表示定义) html <u>...</u> 底线 html <ins>...</ins> 底线(表示插入文字) html <strike>...</strike> 横线 html <s>...</s> 删除线 html <del>...</del> 删除线(表示删除) html <kbd>...</kbd> 键盘文字 html <tt>...</tt> 打字体 html <xmp>...</xmp> 固定宽度字体(在文件中空白、换行、定位功能有效) html <plaintext>...</plaintext> 固定宽度字体(不执行标记符号) html <listing>...</listing> 固定宽度小字体 html <font color=00ff00>...</font> 字体颜色 html <font size=1>...</font> 最小字体 html <font style =font-size:100 px>...</font> 无限增大 3.区断标记 标签 功能 html <hr> 水平线 html <hr size=9> 水平线(设定大小) html <hr width=80%> 水平线(设定宽度) html <hr color=ff0000> 水平线(设定颜色) html <br> (换行) html <nobr>...</nobr> 水域(不换行) html <p>...</p> 水域(段落) html <center>...</center> 置中 4.链接 标签 功能 html <base href=地址> (预设好连结路径) html <a href=地址></a> 外部连结 html <a href=地址 target=_blank></a> 外部连结(另开新窗口) html <a href=地址 target=_top></a> 外部连结(全窗口连结) html <a href=地址 target=页框名></a> 外部连结(在指定页框连结) 5.图像/音乐 标签 功能 html <img src=图片地址> 贴图 html <img src=图片地址 width=180> 设定图片宽度 html <img src=图片地址 height=30> 设定图片高度 html <img src=图片地址 alt=提示文字> 设定图片提示文字 html <img src=图片地址 border=1> 设定图片边框 html <bgsound src=MID音乐文件地址> 背景音乐设定 6.表格 标签 功能 html <table aling=left>...</table> 表格位置,置左 html <table aling=center>...</table> 表格位置,置中 html <table background=图片路径>...</table> 背景图片的URL=就是路径网址 html <table border=边框大小>...</table> 设定表格边框大小(使用数字) html <table bgcolor=颜色码>...</table> 设定表格的背景颜色 html <table borderclor=颜色码>...</table> 设定表格边框的颜色 html <table borderclordark=颜色码>...</table> 设定表格暗边框的颜色 html <table borderclorlight=颜色码>...</table> 设定表格亮边框的颜色 html <table cellpadding=参数>...</table> 指定内容与网格线之间的间距(使用数字) html <table cellspacing=参数>...</table> 指定网格线与网格线之间的距离(使用数字) html <table cols=参数>...</table> 指定表格的栏数 html <table frame=参数>...</table> 设定表格外框线的显示方式 html <table width=宽度>...</table> 指定表格的宽度大小(使用数字) html <table height=高度>...</table> 指定表格的高度大小(使用数字) html <td colspan=参数>...</td> 指定储存格合并栏的栏数(使用数字) html <td rowspan=参数>...</td> 指定储存格合并列的列数(使用数字) 7.分割窗口 标签 功能 html <frameset cols="20%,*"> 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 html <frameset rows="20%,*"> 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 html <frameset cols="20%,*"> 分割左右两个框架 html <frameset cols="20%,*,20%"> 分割左中右三个框架 html <frameset rows="20%,*,20%"> 分割上中下三个框架
二、按字母分html常用标签 html <! - - ... - -> 批注 html <A HREF TARGET> 指定超级链接的分割窗口 html <A HREF=#锚的名称> 指定锚名称的超级链接 html <A HREF> 指定超级链接 html <A NAME=锚的名称> 被连结点的名称 html <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 html <B> 粗体字 html <BASE TARGET> 指定超级链接的分割窗口 html <BASEFONT SIZE> 更改预设字形大小 html <BGSOUND SRC> 加入背景音乐 html <BIG> 显示大字体 html <BLINK> 闪烁的文字 html <BODY TEXT LINK VLINK> 设定文字颜色 html <BODY> 显示本文 html <BR> 换行 html <CAPTION ALIGN> 设定表格标题位置 html <CAPTION>...</CAPTION> 为表格加上标题 html <CENTER> 向中对齐 html <CITE>...html <CITE> 用于引经据典的文字 html <CODE>...</CODE> 用于列出一段程序代码 html <COMMENT>...</COMMENT> 加上批注 html <DD> 设定定义列表的项目解说 html <DFN>...</DFN> 显示"定义"文字 html <DIR>...</DIR> 列表文字卷标 html <DL>...</DL> 设定定义列表的卷标 html <DT> 设定定义列表的项目 html <EM> 强调之用 html <FONT FACE> 任意指定所用的字形 html <FONT SIZE> 设定字体大小 html <FORM ACTION> 设定户动式窗体的处理方式 html <FORM METHOD> 设定户动式窗体之资料传送方式 html <FRAME MARGINHEIGHT> 设定窗口的上下边界 html <FRAME MARGINWIDTH> 设定窗口的左右边界 html <FRAME NAME> 为分割窗口命名 html <FRAME NORESIZE> 锁住分割窗口的大小 html <FRAME SCROLLING> 设定分割窗口的滚动条 html <FRAME SRC> 将HTML文件加入窗口 html <FRAMESET COLS> 将窗口分割成左右的子窗口 html <FRAMESET ROWS> 将窗口分割成上下的子窗口 html <FRAMESET>...</FRAMESET> 划分分割窗口 html <H1>~html <H6> 设定文字大小 html <HEAD > 标示文件信息 html <HR> 加上分网格线 html <HTML> 文件的开始与结束 html <I> 斜体字 html <IMG ALIGN> 调整图形影像的位置 html <IMG ALT> 为你的图形影像加注 html <IMG DYNSRC LOOP> 加入影片 html <IMG HEIGHT WIDTH> 插入图片并预设图形大小 html <IMG HSPACE> 插入图片并预设图形的左右边界 html <IMG LOWSRC> 预载图片功能 html <IMG SRC BORDER> 设定图片边界 html <IMG SRC> 插入图片 html <IMG VSPACE> 插入图片并预设图形的上下边界 html <INPUT TYPE NAME value> 在窗体中加入输入字段 html <ISINDEX> 定义查询用窗体 html <KBD>...</KBD> 表示使用者输入文字 html <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) html <MARQUEE> 跑马灯效果 html <MENU>...</MENU> 条列文字卷标 html <META NAME="REFRESH" CONTENT URL> 自动更新文件内容 html <MULTIPLE> 可同时选择多项的列表栏 html <NOFRAME> 定义不出现分割窗口的文字 html <OL>...</OL> 有序号的列表 html <OPTION> 定义窗体中列表栏的项目 html <P ALIGN> 设定对齐方向 html <P> 分段 html <PERSON>...</PERSON> 显示人名 html <PRE> 使用原有排列 html <SAMP>...</SAMP> 用于引用字 html <SELECT>...</SELECT> 在窗体中定义列表栏 html <SMALL> 显示小字体 html <STRIKE> 文字加横线 html <STRONG> 用于加强语气 html <SUB> 下标字 html <SUP> 上标字 html <TABLE BORDER=n> 调整表格的宽线高度 html <TABLE CELLPADDING> 调整数据域位之边界 html <TABLE CELLSPACING> 调整表格线的宽度 html <TABLE HEIGHT> 调整表格的高度 html <TABLE WIDTH> 调整表格的宽度 html <TABLE>...</TABLE> 产生表格的卷标 html <TD ALIGN> 调整表格字段之左右对齐 html <TD BGCOLOR> 设定表格字段之背景颜色 html <TD COLSPAN ROWSPAN> 表格字段的合并 html <TD NOWRAP> 设定表格字段不换行 html <TD VALIGN> 调整表格字段之上下对齐 html <TD WIDTH> 调整表格字段宽度 html <TD>...</TD> 定义表格的数据域位 html <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏 html <TEXTAREA WRAP> 决定文字输入栏是自动否换行 html <TH>...</TH> 定义表格的标头字段 html <TITLE> 文件标题 html <TR>...</TR> 定义表格美一行 html <TT> 打字机字体 html <U> 文字加底线 html <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) html <VAR>...</VAR> 用于显示变量
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。 |