HTML 标记总览

最新推荐文章于 2024-09-24 11:22:03 发布

winfor

最新推荐文章于 2024-09-24 11:22:03 发布

阅读量596

点赞数

文章标签： html table 框架 behavior stylesheet border

本文链接：https://blog.csdn.net/winfor/article/details/2010348

版权

文件结构

      ＜!--注解--＞说明标记为文件加上说明，但不被显示
      ＜html＞件声明让浏览器知道这是 HTML 文件
      ＜head＞开头提供文件整体资讯
      ＜title＞标题定义文件标题，将显示于浏览顶端＜/title＞
      ＜/head＞
      ＜body＞本文设计文件格式及内文所在＜/body＞
      ＜/html＞

----------------------------------------------

文件标记

<! >字体标记
        <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>无限增大
　　<SMALL> 显示小字体
　　<STRONG> 用于加强语气
　　<SUB> 下标字
　　<SUP> 上标字
　　<U> 文字加底线
   　<BASEFONT SIZE> 更改预设字形大小
　　<BIG> 显示大字体
　　<BLINK> 闪烁的文字
　　<BODY TEXT LINK VLINK> 设定文字颜色
　
排版标记
<hr>水平线
　　<hr size=9>水平线(设定大小)
　　<hr width=80%>水平线(设定宽度)
　　<hr color=ff0000>水平线(设定颜色)
　　<br>(换行)
　　<nobr>...</nobr>水域(不换行)
　　<p>...</p>水域(段落)
        <P ALIGN=""> ##=left.center,right值，设定对齐方向
        <BR>段结尾
　　<center>...</center>置中
        <per>...</per> 预设格式令文件按照原始码的排列方式显示
        <div> 区隔标记设定字、画、表格等的摆放位置

<NOBR> 不折行令文字不因太长而绕行
<WBR>   建议折行预设折行部位
<CODE> 程式码字体稍为加宽如
<KBD>键盘字字体稍为加宽，单一空白
<SAMP> 范例字体稍为加宽如
<VAR> 变数斜体效果
<CITE> 传记引述斜体效果
<BLOCKQUOTE> 引述文字区块缩排字体
<DFN> 述语定义斜体效果
<ADDRESS>地址标记斜体效果
<SUB> 下标字指数
<SUP>下标字下标字
<PRE> 使用原有排列

清单标记
<OL>...</OL> 顺序清单清单项目将以数字、字母顺序排列
<UL>无序清单清单项目将以圆点排列
<LI>清单项目每一标记标示一项清单项目
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MENU>选单清单清单项目将以圆点排列，
<DT> 定义条目标示该项定义的标题
<DD> 设定定义列表的项目解说
<ISINDEX> 页内寻找器可输入关键字寻找于该一页
＜isindex prompt="提示文字"＞若欲设定查询栏位前的提示文字
        <KBD>...</KBD> 表示使用者输入文字
　　<MENU>...</MENU> 条列文字卷标
　　<MULTIPLE> 可同时选择多项的列表栏
　　<PERSON>...</PERSON> 显示人名
　　<SAMP>...</SAMP> 用于引用字
　　<SELECT>...</SELECT> 在窗体中定义列表栏
　　<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
　　<VAR>...</VAR> 用于显示变量
　　<CAPTION ALIGN> 设定表格标题位置
　　<CAPTION>...</CAPTION> 为表格加上标题
　　<CITE>...<CITE> 用于引经据典的文字
　　<CODE>...</CODE> 用于列出一段程序代码
　　<COMMENT>...</COMMENT> 加上批注
　　<DFN>...</DFN> 显示“定义“文字
　　<DIR>...</DIR> 目录清单清单项目将以圆点排列
　　<DL>...</DL> 定义清单清单分两层出现
　
　

<!>表单标记
<FORM> 表单标记决定单一表单的运作模式
<FORM METHOD> 设定户动式窗体之资料传送方式
<FORM ACTION> 设定户动式窗体的处理方式

<TEXTAREA> 文字区块提供文字方盒以输入较大量文字

<INPUT> 输入标记决定输入形式
<INPUT TYPE NAME value> 在窗体中加入输入字段

<OPTION> 选项每一标记标示一个选项

<!>分割窗口
　　<frameset cols=“20%,*“>左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
　　<frameset rows=“20%,*“>上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
　　<frameset cols=“20%,*“>分割左右两个框架
　　<frameset cols=“20%,*,20%“>分割左中右三个框架
　　<frameset rows=“20%,*“><分割上下两个框架
　　<frameset rows=“20%,*,20%“>分割上中下三个框架

        <frame>指定视窗内容 <frameset cols=30%,70%> <frame> <frame> </frameset>
        <frame name=视窗名称>
        <frame src=HTML档名> src定视窗的文件名称
        <frame marginheight=点数>设定文件与上下边框的距离
        <frame marginwidth=点数>设定文件与左右边框的距离
        <frame scrolling=#> #号可为 yes：固定出现卷轴no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值）
   　<frame noresize> 锁住分割窗口的大小

<!> 跑马灯
　　<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>设定卷动时间

<!>超级连接
　　<base href=地址>(预设好连结路径)
　　<a href=地址></a>外部连结
　　<a href=地址 target=_blank></a>外部连结(另开新窗口)
　　<a href=地址 target=_top></a>外部连结(全窗口连结)
　　<a href=地址 target=页框名></a>外部连结(在指定页框连结)
　　<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
        <BASE TARGET> 指定超级链接的分割窗口
        <base href=地址>(预设好连结路径)
        <LINK> 关系定义定义该文件与其他 URL 的关系

<!>多媒体 (贴图/音乐)
　　<img src=图片地址>贴图
　　<img src=图片地址 width=180>设定图片宽度
　　<img src=图片地址 height=30>设定图片高度
　　<img src=图片地址 alt=提示文字>设定图片提示文字
　　<img src=图片地址 border=1>设定图片边框
　　<IMG ALIGN> 调整图形影像的位置
　　<IMG ALT> 为你的图形影像加注
　　<IMG DYNSRC LOOP> 加入影片
　　<IMG HEIGHT WIDTH> 插入图片并预设图形大小
　　<IMG HSPACE> 插入图片并预设图形的左右边界
　　<IMG LOWSRC> 预载图片功能
　　<IMG SRC BORDER> 设定图片边界
　　<IMG VSPACE> 插入图片并预设图形的上下边界

       <bgsound src=MID音乐文件地址>背景音乐设定
　   <MAP> 影像地图名称设定影像地图名称
       <AREA> 连结区域设定各连结区域

<!>表格语法
　　<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 height=高度>...</table>指定表格的高度大小(使用数字)
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
　　
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
　　<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
　　<TD ALIGN> 调整表格字段之左右对齐
　　<TD BGCOLOR> 设定表格字段之背景颜色
　　<TD COLSPAN ROWSPAN> 表格字段的合并
　　<TD NOWRAP> 设定表格字段不换行
　　<TD VALIGN> 调整表格字段之上下对齐
　　<TD WIDTH> 调整表格字段宽度
　　
　　<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏
　　<TEXTAREA WRAP> 决定文字输入栏是自动否换行
　　<TH>...</TH> 定义表格的标头字段
　　<TR>...</TR> 定义表格每一行