• HTML语言基本标签


    创建一个HTML文档 <html></html>

    设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

    设置文档的可见部分 <body></body>

    标题标签

    将文档的题目放在标题栏中 <title></title>

    文档整体属性

    设置背景颜色,使用名字或十六进制值 <body bgcolor=?>

    设置文本文字颜色,使用名字或十六进制值 <body text=?>

    设置链接颜色,使用名字或十六进制值 <body link=?>

    设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>

    设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

    创建预格式化文本 <pre></pre>

    创建最大的标题 <h1></h1>

    创建最小的标题 <h6></h6>

    创建黑体字 <b></b>

    创建斜体字 <i></i>

    创建打字机风格的字体 <tt></tt>

    创建一个引用,通常是斜体 <cite></cite>

    加重一个单词(通常是斜体加黑体) <em></em>

    加重一个单词(通常是斜体加黑体) <strong></strong>

    设置字体大小,从1到7 <font size=?></font>

    设置字体的颜色,使用名字或十六进制值 <font color=?></font>

    链接

    创建一个超链接 <a href="URL"></a>

    创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>

    创建一个位于文档内部的靶位 <a name="NAME"></a>

    创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

    格式排版

    创建一个新的段落 <p>

    将段落按左、中、右对齐 <p align=?>

    插入一个回车换行符 <br>

    从两边缩进文本 <blockquote> </blockquote>

    创建一个定义列表 <dl></dl>

    放在每个定义术语词之前 <dt>

    放在每个定义之前 <dd>

    创建一个标有数字的列表 <ol></ol>

    放在每个数字列表项之前,并加上一个数字 <li>

    创建一个标有圆点的列表 <ul></ul>

    放在每个圆点列表项之前,并加上一个圆点 <li>

    一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

    添加一个图像 <img src="name">

    排列对齐一个图像:左中右或上中下 <img src="name" align=?>

    设置围绕一个图像的边框的大小 <img src="name" border=?>

    加入一条水平线 <hr>

    设置水平线的大小(高度) <hr size=?>

    设置水平线的宽度(百分比或绝对像素点) <hr width=?>

    创建一个没有阴影的水平线 <hr noshade>

    创建一个表格 <table></table>

    开始表格中的每一行 <tr></tr>

    开始一行中的每一个格子 <td></td>

    设置表格头:一个通常使用黑体居中文字的格子 <th></th>

    设置围绕表格的边框的宽度 <table border=#>

    设置表格格子之间空间的大小 <table cellspacing=#>

    设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

    设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>

    设置表格格子的水平对齐(左中右)<tr align=?> or <td align=?>

    设置表格格子的垂直对齐(上中下)<tr valign=?> or <td valign=?>

    设置一个表格格子应跨占的列数(缺省为1)<td colspan=#>

    设置一个表格格子应跨占的行数(缺省为1)<td rowspan=#>

    禁止表格格子内的内容自动断行回卷 <td nowrap>

    窗框

    放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中 <frameset></frameset>

    定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset rows="value,value">

    定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset cols="value,value">

    定义一个窗框内的单一窗或窗区域 <frame>

    定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

    窗框属性

    规定窗框内显示什么HTML文档 <frame src="URL">

    命名窗框或区域以便别的窗框可以指向它 <frame name="name">

    定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>

    定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>

    设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto" <frame

    scrolling=VALUE>

    禁止用户调整一个窗框的大小 <frame noresize>

    对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。

    创建所有表单 <form></form>

    创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple

    name="NAME" size=?></select>

    设置每个表单项的内容 <option>

    创建一个下拉菜单 <select name="NAME"></select>

    设置每个菜单项的内容 <option>

    创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name="NAME"

    cols=40 rows=8></textarea>

    创建一个复选框,文字在标签后面 <input type="checkbox" name="NAME">

    创建一个单选框,文字在标签后面 <input type="radio" name="NAME" value="x">

    创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name="foo"

    size=20>

    创建一个submit(提交)按钮 <input type="submit" value="NAME">

    创建一个使用图象的submit(提交)按钮 <input type="image" border=0 name="NAME"

    src="name.gif">

    创建一个reset(重置)按钮 <input type="reset">

    HTML标签大全

    <!> 跑马灯

    <marquee>...</marquee>普通卷动

    <marquee behavior=slide>...</marquee>滑动

    <marquee behavior=scroll>...</marquee>预设卷动

    <marquee behavior=alternate>...</marquee>来回卷动

    <marquee direction=down>...</marquee>向下卷动

    <marquee direction=up>...</marquee>向上卷动

    <marquee direction=right></marquee>向右卷动

    <marquee direction=left></marquee>向左卷动

    <marquee loop=2>...</marquee>卷动次数

    <marquee width=180>...</marquee>设定宽度

    <marquee height=30>...</marquee>设定高度

    <marquee bgcolor=FF0000>...</marquee>设定背景颜色

    <marquee scrollamount=30>...</marquee>设定卷动距离

    <marquee scrolldelay=300>...</marquee>设定卷动时间

    <!>字体效果

    <h1>...</h1>标题字(最大)

    <h6>...</h6>标题字(最小)

    <b>...</b>粗体字

    <strong>...</strong>粗体字(强调)

    <i>...</i>斜体字

    <em>...</em>斜体字(强调)

    <dfn>...</dfn>斜体字(表示定义)

    <u>...</u>底线

    <ins>...</ins>底线(表示插入文字)

    <strike>...</strike>横线

    <s>...</s>删除线

    <del>...</del>删除线(表示删除)

    <kbd>...</kbd>键盘文字

    <tt>...</tt> 打字体

    <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

    <plaintext>...</plaintext>固定宽度字体(不执行标记符号)

    <listing>...</listing> 固定宽度小字体

    <font color=00ff00>...</font>字体颜色

    <font size=1>...</font>最小字体

    <font style =font-size:100 px>...</font>无限增大

    <!>区断标记

    <hr>水平线

    <hr size=9>水平线(设定大小)

    <hr width=80%>水平线(设定宽度)

    <hr color=ff0000>水平线(设定颜色)

    <br>(换行)

    <nobr>...</nobr>水域(不换行)

    <p>...</p>水域(段落)

    <center>...</center>置中

    <!>连结格式

    <base href=地址>(预设好连结路径)

    <a href=地址></a>外部连结

    <a href=地址 target=_blank></a>外部连结(另开新窗口)

    <a href=地址 target=_top></a>外部连结(全窗口连结)

    <a href=地址 target=页框名></a>外部连结(在指定页框连结)

    <!>贴图/音乐

    <img src=图片地址>贴图

    <img src=图片地址 width=180>设定图片宽度

    <img src=图片地址 height=30>设定图片高度

    <img src=图片地址 alt=提示文字>设定图片提示文字

    <img src=图片地址 border=1>设定图片边框

    <bgsound src=MID音乐文件地址>背景音乐设定

    <!>表格语法

    <table aling=left>...</table>表格位置,置左

    <table aling=center>...</table>表格位置,置中

    <table background=图片路径>...</table>背景图片的URL=就是路径网址

    <table border=边框大小>...</table>设定表格边框大小(使用数字)

    <table bgcolor=颜色码>...</table>设定表格的背景颜色

    <table borderclor=颜色码>...</table>设定表格边框的颜色

    <table borderclordark=颜色码>...</table>设定表格暗边框的颜色

    <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

    <table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

    <table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

    <table cols=参数>...</table>指定表格的栏数

    <table frame=参数>...</table>设定表格外框线的显示方式

    <table width=宽度>...</table>指定表格的宽度大小(使用数字)

    <table height=高度>...</table>指定表格的高度大小(使用数字)

    <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

    <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

    <!>分割窗口

    <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

    <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

    <frameset cols="20%,*">分割左右两个框架

    <frameset cols="20%,*,20%">分割左中右三个框架

    <分割上下两个框架

    <frameset rows="20%,*,20%">分割上中下三个框架

    <A HREF TARGET> 指定超级链接的分割窗口

    <A HREF=#锚的名称> 指定锚名称的超级链接

    <A HREF> 指定超级链接

    <A NAME=锚的名称> 被连结点的名称

    <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

    <B> 粗体字

    <BASE TARGET> 指定超级链接的分割窗口

    <BASEFONT SIZE> 更改预设字形大小

    <BGSOUND SRC> 加入背景音乐

    <BIG> 显示大字体

    <BLINK> 闪烁的文字

    <BODY TEXT LINK VLINK> 设定文字颜色

    <BODY> 显示本文

    <BR> 换行

    <CAPTION ALIGN> 设定表格标题位置

    <CAPTION>...</CAPTION> 为表格加上标题

    <CENTER> 向中对齐

    <CITE>...<CITE> 用于引经据典的文字

    <CODE>...</CODE> 用于列出一段程序代码

    <COMMENT>...</COMMENT> 加上批注

    <DD> 设定定义列表的项目解说

    <DFN>...</DFN> 显示"定义"文字

    <DIR>...</DIR> 列表文字卷标

    <DL>...</DL> 设定定义列表的卷标

    <DT> 设定定义列表的项目

    <EM> 强调之用

    <FONT FACE> 任意指定所用的字形

    <FONT SIZE> 设定字体大小

    <FORM ACTION> 设定户动式窗体的处理方式

    <FORM METHOD> 设定户动式窗体之资料传送方式

    <FRAME MARGINHEIGHT> 设定窗口的上下边界

    <FRAME MARGINWIDTH> 设定窗口的左右边界

    <FRAME NAME> 为分割窗口命名

    <FRAME NORESIZE> 锁住分割窗口的大小

    <FRAME SCROLLING> 设定分割窗口的滚动条

    <FRAME SRC> 将HTML文件加入窗口

    <FRAMESET COLS> 将窗口分割成左右的子窗口

    <FRAMESET ROWS> 将窗口分割成上下的子窗口

    <FRAMESET>...</FRAMESET> 划分分割窗口

    <H1>~<H6> 设定文字大小

    <HEAD> 标示文件信息

    <HR> 加上分网格线

    <HTML> 文件的开始与结束

    <I> 斜体字

    <IMG ALIGN> 调整图形影像的位置

    <IMG ALT> 为你的图形影像加注

    <IMG DYNSRC LOOP> 加入影片

    <IMG HEIGHT WIDTH> 插入图片并预设图形大小

    <IMG HSPACE> 插入图片并预设图形的左右边界

    <IMG LOWSRC> 预载图片功能

    <IMG SRC BORDER> 设定图片边界

    <IMG SRC> 插入图片

    <IMG VSPACE> 插入图片并预设图形的上下边界

    <INPUT TYPE NAME value> 在窗体中加入输入字段

    <ISINDEX> 定义查询用窗体

    <KBD>...</KBD> 表示使用者输入文字

    <LI TYPE>...</LI> 列表的项目 ( 可指定符号 )

    <MARQUEE> 跑马灯效果

    <MENU>...</MENU> 条列文字卷标

    <META NAME="REFRESH" CONTENT URL> 自动更新文件内容

    <MULTIPLE> 可同时选择多项的列表栏

    <NOFRAME> 定义不出现分割窗口的文字

    <OL>...</OL> 有序号的列表

    <OPTION> 定义窗体中列表栏的项目

    <P ALIGN> 设定对齐方向

    <P> 分段

    <PERSON>...</PERSON> 显示人名

    <PRE> 使用原有排列

    <SAMP>...</SAMP> 用于引用字

    <SELECT>...</SELECT> 在窗体中定义列表栏

    <SMALL> 显示小字体

    <STRIKE> 文字加横线

    <STRONG> 用于加强语气

    <SUB> 下标字

    <SUP> 上标字

    <TABLE BORDER=n> 调整表格的宽线高度

    <TABLE CELLPADDING> 调整数据域位之边界

    <TABLE CELLSPACING> 调整表格线的宽度 

    <TABLE HEIGHT> 调整表格的高度 

    <TABLE WIDTH> 调整表格的宽度 

    <TABLE>...</TABLE> 产生表格的卷标 

    <TD ALIGN> 调整表格字段之左右对齐 

    <TD BGCOLOR> 设定表格字段之背景颜色 

    <TD COLSPAN ROWSPAN> 表格字段的合并 

    <TD NOWRAP> 设定表格字段不换行 

    <TD VALIGN> 调整表格字段之上下对齐 

    <TD WIDTH> 调整表格字段宽度 

    <TD>...</TD> 定义表格的数据域位 

    <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏 

    <TEXTAREA WRAP> 决定文字输入栏是自动否换行

    <TH>...</TH> 定义表格的标头字段

    <TITLE> 文件标题

    <TR>...</TR> 定义表格美一行 

    <TT> 打字机字体 

    <U> 文字加底线 

    <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )

    <VAR>...</VAR> 用于显示变量

  • 相关阅读:
    Element没更新了?Element没更新,基于El的扩展库更新
    MVC与Validate验证提示的样式修改
    封装两个简单的Jquery组件
    VS20XX-Add-In插件开发
    CentOS7 配置环境
    PHP Laravel 5.4 环境搭建
    【设计经验】5、Verilog对数据进行四舍五入(round)与饱和(saturation)截位
    【设计经验】4、SERDES关键技术总结
    【高速接口-RapidIO】6、Xilinx RapidIO核仿真与包时序分析
    【高速接口-RapidIO】5、Xilinx RapidIO核例子工程源码分析
  • 原文地址:https://www.cnblogs.com/ince/p/9674157.html
Copyright © 2020-2023  润新知