尹小芃槑

<!DOCTYPE HTML>

日志

关于我

尹小芃槑

文章分类

【转载】HTML 元素的显示类型

2013-07-22 09:05:30| 分类： HTML | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

HTML元素分为三大类：

块状元素：

网页框架基本结构块：html、body、frameset、frame、noframe、iframe
表单结构块：form、filedset、legend
布局结构块：div
段落结构块：p
标题结构块：h1-h6
列表结构块：ol、ul、dl、dt、dd、menu、dir
居中结构块：center
预定义结构块：pre
引用结构块：blockquote
结构装饰线：hr
网页标题框：title

行内元素：

行内包含框：span
超链接和映射包含框：a、area
图像包含框：img
格式化信息包含框：abbr、b、bdo、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、strike、strong、sub、sup、tt、u、var
表单对象包含框：button、select、textarea、label
可执行的插件或对象包含框：applet、object
表格标题包含框：caption
无脚本包含框：noscript

其他元素：

头部区域隐藏元素：

头部包含框：head
默认基础字体属性：basefont
链接：link
元信息：meta
脚本：script
样式：style
url基础：base

行内块状元素：

输入框：input
下拉选框：option
下拉框的分组：optgroup

列表项元素：

列表项：li

结构内隐藏元素：

图像映射包含框：map
参数：param
换行：br

表格系列类型元素：

表格框显示：table
表格行显示：tr
单元格显示：td
表格标题显示：th
表格行组显示：tbody
表格脚注组显示：tfoot
表格标题组显示：thead

评论这张

转发至微博

阅读(96)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087064086086085066081083084075072094088074092084086071086',
              blogTitle:'【转载】HTML 元素的显示类型',
              blogAbstract:'<font face=\"微软雅黑\"   \><b\>HTML元素分为三大类：</b\></font\><div\><font face=\"微软雅黑\"   \><b\>块状元素：</b\></font\></div\><div\><ol\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>网页框架基本结构块：html、body、frameset、frame、noframe、iframe</span\></li\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>表单结构块：form、filedset、legend</span\></li\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>布局结构块：div</span\></li\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>段落结构块：p</span\></li\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>标题结构块：h1-h6</span\></li\><li\><span style=\"line-height: 22px; font-family: 微软雅黑;\"   \>列表结构块：ol、ul、dl、dt、dd、menu、dir</span\></li\><li\></li\></ol\></div\>',
              blogTag:'',
              blogUrl:'blog/static/8998204220136229530976',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1374455130976,
              permalink:'blog/static/8998204220136229530976',
              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:'',
              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/8998204220136229530976">${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 元素的显示类型

历史上的今天

最近读者

热度

评论

页脚