与狼共舞

胸有凌云志，无高不可攀。

日志

关于我

高71级8班

小头,小脸,小人物。大肚,大事,大心脏。

文章分类

html代码常见的命令汇总

2010-02-19 20:18:00| 分类：博客技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自爱↑↓雨天《html代码常见的命令汇总》

html代码常见的命令汇总

标记	类型	译名或意义	作用	备注
文件标记
<HTML>	●	文件声明	让浏览器知道这是 HTML 文件
<HEAD>	●	开头	提供文件整体资讯
<TITLE>	●	标题	定义文件标题，将显示于浏览顶端
<BODY>	●	本文	设计文件格式及内文所在
排版标记
<!--注解-->	○	说明标记	为文件加上说明，但不被显示
<>	○	段落标记	为字、画、表格等之间留一空白行
<BR>	○	换行标记	令字、画、表格等显示于下一行
<HR>	○	水平线	插入一条水平线
<CENTER>	●	居中	令字、画、表格等显示于中间	反对
<RE>	●	预设格式	令文件按照原始码的排列方式显示
<DIV>	●	区隔标记	设定字、画、表格等的摆放位置
<STRONG>	●	加重语气	产生字体加粗 Bold 的效果
<B>	●	粗体标记	产生字体加粗的效果
<EM>	●	强调标记	字体出现斜体效果
<I>	●	斜体标记	字体出现斜体效果
<TT>	●	打字字体	Courier字体，字母宽度相同
<U>	●	加上底线	加上底线	反对
<H1>	●	一级标题标记	变粗变大加宽，程度与级数反比
<H2>	●	二级标题标记	将字体变粗变大加宽
<H3>	●	三级标题标记	将字体变粗变大加宽
<H4>	●	四级标题标记	将字体变粗变大加宽
<H5>	●	五级标题标记	将字体变粗变大加宽
<H6>	●	六级标题标记	将字体变粗变大加宽
<FONT>	●	字形标记	设定字形、大小、颜色	反对
<BASEFONT>	○	基准字形标记	设定所有字形、大小、颜色	反对
<BIG>	●	字体加大	令字体稍为加大
<SMALL>	●	字体缩细	令字体稍为缩细
<STRIKE>	●	画线删除	为字体加一删除线	反对
<CODE>	●	程式码	字体稍为加宽如<TT>
<KBD>	●	键盘字	字体稍为加宽，单一空白
<SAMP>	●	范例	字体稍为加宽如<TT>
<VAR>	●	变数	斜体效果
<CITE>	●	传记引述	斜体效果
<BLOCKQUOTE>	●	引述文字区块	缩排字体
<DFN>	●	述语定义	斜体效果
<ADDRESS>	●	地址标记	斜体效果
清单标记
<OL>	●	顺序清单	清单项目将以数字、字母顺序排列
<UL>	●	无序清单	清单项目将以圆点排列
<LI>	○	清单项目	每一标记标示一项清单项目
<MENU>	●	选单清单	清单项目将以圆点排列，如<UL>	反对
<DIR>	●	目录清单	清单项目将以圆点排列，如<UL>	反对
<DL>	●	定义清单	清单分两层出现
<DT>	○	定义条目	标示该项定义的标题
<DD>	○	定义内容	标示定义内容
表格标记
<TABLE>	●	表格标记	设定该表格的各项参数
<CAPTION>	●	表格标题	做成一打通列以填入表格标题
<TR>	●	表格列	设定该表格的列
<TD>	●	表格栏	设定该表格的栏
<TH>	●	表格标头	相等于<TD>，但其内之字体会变粗
图形标记
<IMG>	○	图形标记	用以插入图形及设定图形属性
连结标记
<A>	●	连结标记	加入连结
框架标记
<FRAMESET>	●	框架设定	设定框架
<FRAME>	○	框窗设定	设定框窗
<IFRAME>	○	页内框架	于网页中间插入框架	IE
多媒体
<BGSOUND>	○	背景声音	于背景播放声音或音乐	IE
<EMBED>	○	多媒体	加入声音、音乐或影像
其他标记
<MARQUEE>	●	走动文字	令文字左右走动	IE

注：

● 表示该标记属围堵标记，即需要关闭标记如 </标记>。

○ 表示该标记属空标记，即不需要关闭标记。

IE 表示该标记只适用于Internet Explorer。

反对表示该标记不为W3C所赞同，通常这标记是 IE 或

NC自订，且己为众所支持，只是HTML标准中有其它同功能或更好的选择。

弃用表示该标记己为W3C所弃用，是过时的标记，但 HTML

具向下兼容的特性，不用担心新浏览器不支援旧标记。

新表示该标记是HTML4.0中新增的。

评论这张

转发至微博

阅读(118)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080067084080084070084083083095085085087064093087086075087',
              blogTitle:'html代码常见的命令汇总',
              blogAbstract:'<P\>  <TABLE borderColor=\"#cccccc\" cellSpacing=\"2\" cellPadding=\"2\" bgColor=\"#ffffff\" border=\"12\"\>  <TBODY\>  <TR\>  <TD\>  <P style=\"TEXT-INDENT: 2em;\"\></P\>  <P style=\"TEXT-INDENT: 2em;\"\>html代码常见的命令汇总</P\>  <P style=\"TEXT-INDENT: 2em;\"\></P\></TD\>  <TR\>  <TD\>  <P style=\"TEXT-INDENT: 2em;\"\></P\>  <P style=\"TEXT-INDENT: 2em;\"\>  <TABLE cellSpacing=\"0\" cellPadding=\"2\" width=\"100%\" bgColor=\"#ffffff\" border=\"1\"\>  <TBODY\>  <TR bgColor=\"#0000b7\"\>  <TD\>标记</TD\>  <TD\>类型</TD\>  <TD\>译名或意义</TD\>  <TD\>作 用</TD\>  <TD\>备注</TD\></TR\>  <TR\>  <TD bgColor=\"#ddddff\" colSpan=\"5\"\>文件标记</TD\></TR\>  <TR\>  <TD\><HTML></TD\>  <TD\>●</TD\>  <TD\>文件声明</TD\>  <TD\>让浏览器知道这是 HTML 文件</TD\>  <TD\></TD\></TR\>  <TR\>  <TD\><HEAD></TD\>  <TD\>●</TD\>  <TD\>开头</TD\>  <TD\>提供文件整体资讯</TD\>  <TD\></TD\></TR\>  <TR\>  <TD\><TITLE></TD\>  <TD\>●</TD\>  <TD\></TD\></TR\></TABLE\></P\></TD\></TR\></TR\></TABLE\></P\>',
              blogTag:'',
              blogUrl:'blog/static/13639108320101198180307',
              isPublished:1,
              istop:false,
              type:1,
              modifyTime:1305790226141,
              publishTime:1266581880307,
              permalink:'blog/static/13639108320101198180307',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'小头,小脸,小人物。\n\n大肚,大事,大心脏。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/13639108320101198180307">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

与狼共舞

导航

日志

html代码常见的命令汇总

历史上的今天

最近读者

热度

评论

页脚