天帅童子的博客

友好平台，相互交流，看中就拿！

日志

关于我

天帅童子

文章分类

网页设计HTML大全：

2017-07-29 22:24:09| 分类：代码集锦 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自个性男人《网页设计HTML大全：》

【博客基本代码】

点击进入【个性男人的日志】其它内容更精彩

◆<! - - ... - -> 批注
◆<!> 跑马灯
◆<MARQUEE>...</MARQUEE>普通卷动
◆<MARQUEE behavior=slide>...</MARQUEE>滑动
◆<MARQUEE>...</MARQUEE>预设卷动
◆<MARQUEE behavior=alternate>...</MARQUEE>来回卷动
◆<MARQUEE direction=down>...</MARQUEE>向下卷动
◆<MARQUEE direction=up>...</MARQUEE>向上卷动
◆<MARQUEE direction=right></MARQUEE>向右卷动
◆<MARQUEE></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: 100px" px>...</FONT>无限增大
◆<!>区断标记
◆<HR>水平线
◆<HR SIZE=9>水平线(设定大小)
◆<HR width="80%">水平线(设定宽度)
◆<HR color=#ff0000>水平线(设定颜色)
◆<BR>(换行)
◆<NOBR>...</NOBR>水域(不换行)
◆<P>...</P>水域(段落)
◆<CENTER>...</CENTER>置中
◆<!>连结格式
◆<BASE href=地址>(预设好连结路径)
◆<A href="http://地址/地址"></A>外部连结
◆<A href="http://地址/地址" target=_blank></A>外部连结(另开新窗口)
◆<A href="http://地址/地址" target=_top></A>外部连结(全窗口连结)
◆<A href="http://地址/地址" target=页框名></A>外部连结(在指定页框连结)
◆<!>贴图/音乐
◆<IMG src="http://地址/图片地址">贴图
◆<IMG src="http://地址/图片地址" width=180>设定图片宽度
◆<IMG height=30 src="http://地址/图片地址">设定图片高度
◆<IMG alt=提示文字 src="http://地址/图片地址">设定图片提示文字
◆<IMG src="http://地址/图片地址" border=1>设定图片边框
◆<BGSOUND src="MID音乐文件地址">背景音乐设定
◆<!>表格语法
◆<TABLE aling="left">...</TABLE>表格位置,置左
◆<TABLE aling="center">...</TABLE>表格位置,置中
◆<TABLE background=图片路径>...</TABLE>背景图片的URL=就是路径网址
◆<TABLE border=边框大小>...</TABLE>设定表格边框大小(使用数字)
◆<TABLE bgColor=#000>...</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 color=#0000ff> 被连结点的名称
◆<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 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> 用于显示变

个性男人欢迎您选用！ 天帅童子欢迎您选用！

天帅童子欢迎您

评论这张

转发至微博

阅读(113)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087069092085080075083081082066072080089067087080081074080',
              blogTitle:'网页设计HTML大全：',
              blogAbstract:'<p\><span\><a href=\"http://blog.163.com/dfcxw_888/\"   \><font color=\"#3366cc\"   \>【博客基本代码】</font\></a\> </span\></p\><span\>\n<div align=\"center\"   \> </div\>\n<div align=\"center\"   \> </div\>\n<div align=\"center\"   \><a target=\"_blank\" href=\"http://blog.163.com/dfcxw_888/\"   \><img title=\"☆个性男人欢迎您！\"   alt=\"☆\"   src=\"http://img.2007.igogo8.com/2/65/Ko/2_65_5Lic5pa55LmL5a625qyi6L-O5oKo.gif\"   \><font color=\"#3366cc\"   \> </font\></a\></div\>\n<div align=\"center\"   \> </div\>\n<div\>\n<table title=\"东方之家\"   border=\"2\"   bordercolor=\"#2f6cd2\"   cellpadding=\"“1”\"   width=\"650\"   bgcolor=\"#dbe4f4\"   align=\"center\"   \>\n<tbody\>\n<tr\>\n<td height=\"80\"   align=\"middle\"   \>\n<div align=\"center\"   \>\n<p style=\"TEXT-INDENT: 2em;\"   align=\"center\"   \><a href=\"http://blog.163.com/dfcxw_888/\"   \></a\></p\></div\></td\></tr\></table\></div\></span\>',
              blogTag:'',
              blogUrl:'blog/static/6803679420151088124979',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1501338249840,
              publishTime:1501338249790,
              permalink:'blog/static/6803679420151088124979',
              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/6803679420151088124979">${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大全：

历史上的今天

最近读者

热度

评论

页脚