注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

走近太平洋

感悟生命真谛

 
 
 

日志

 
 

HTML代码分解  

2011-07-25 16:01:25|  分类: html教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 一、HTML语言标记大观

        <HTML> ● 文件声明 让浏览器知道这是 HTML 文件  
        <HEAD> ● 开头 提供文件整体资讯  
        <TITLE> ● 标题 定义文件标题,将显示于浏览顶端  
        <BODY> ● 本文 设计文件格式及内文所在  
  排版标记 
         <!--注解--> ○ 说明标记 为文件加上说明,但不被显示   
        <P> ○ 段落标记 为字、画、表格等之间留一空白行   
        <BR> ○ 换行标记 令字、画、表格等显示于下一行  
        <HR> ○ 水平线 插入一条水平线  
        <CENTER> ● 居中 令字、画、表格等显示于中间 反对
        <PRE> ● 预设格式 令文件按照原始码的排列方式显示  
        <DIV> ● 区隔标记 设定字、画、表格等的摆放位置  
        <NOBR> ● 不折行 令文字不因太长而绕行  
        <WBR> ● 建议折行 预设折行部位  
  字体标记
        <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> ● 地址标记 斜体效果  
        <SUB> ● 下标字 下标字  
        <SUP> ● 上标字 指数(平方、立方等)  
  清单标记
        <OL> ● 顺序清单 清单项目将以数字、字母顺序排列  
        <UL> ● 无序清单 清单项目将以圆点排列  
        <LI> ○ 清单项目 每一标记标示一项清单项目  
        <MENU> ● 选单清单 清单项目将以圆点排列,如<UL> 反对
        <DIR> ● 目录清单 清单项目将以圆点排列,如<UL> 反对
        <DL> ● 定义清单 清单分两层出现  
        <DT> ○ 定义条目 标示该项定义的标题  
        <DD> ○ 定义内容 标示定义内容  
  表格标记
        <TABLE> ● 表格标记 设定该表格的各项参数  
        <CAPTION> ● 表格标题 做成一打通列以填入表格标题  
        <TR> ● 表格列 设定该表格的列  
        <TD> ● 表格栏 设定该表格的栏  
        <TH> ● 表格标头 相等于<TD>,但其内之字体会变粗  
  表单标记
        <FORM> ● 表单标记 决定单一表单的运作模式  
        <TEXTAREA> ● 文字区块 提供文字方盒以输入较大量文字  
        <INPUT> ○ 输入标记 决定输入形式  
        <SELECT> ● 选择标记 建立 pop-up 卷动清单  
        <OPTION> ○ 选项 每一标记标示一个选项  
  图形标记
        <IMG> ○ 图形标记 用以插入图形及设定图形属性  
  连结标记
        <A> ● 连结标记 加入连结  
        <BASE> ○ 基准标记 可将相对 URL 转绝对及指定连结目标  
  框架标记
        <FRAMESET> ● 框架设定 设定框架  
        <FRAME> ○ 框窗设定 设定框窗   
        <IFRAME> ○ 页内框架 于网页中间插入框架 IE
        <NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示  
  影像地图
        <MAP> ● 影像地图名称 设定影像地图名称  
        <AREA> ○ 连结区域 设定各连结区域  
  多媒体
        <BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE
        <EMBED> ○ 多媒体 加入声音、音乐或影像  
  其他标记
        <MARQUEE> ● 走动文字 令文字左右走动 IE
        <BLINK> ● 闪烁文字 闪烁文字 NC
        <ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对
        <META> ○ 开头定义 让浏览器知道这是 HTML 文件  
        <LINK> ○ 关系定义 定义该文件与其他 URL 的关系  
        <STYLE> ● 样式表 控制网页版面  
        <span> ● 自订标记 独立使用或与样式表同用  

  注:

        ● 表示该标记属围堵标记,即需要关闭标记如 </标记>。
        ○ 表示该标记属空标记,即不需要关闭标记。
        IE 表示该标记只适用于 Internet Explorer。
        NC 表示该标记只适用于 Netscape Communicator。 
       

  二、HTML语言基本代码识别
  第一类:

         成双成对的标识符:这类代码单词出现一个后,它后面收尾处一定要有加斜杠的结束符。如:
        <table>表格开始,</table>表格结束
        <body>表体开始</body>表体结束
        <tr>表格的一行开始,(可简单理解为横向)</tr>表格的一行结束
        <td>一行中填充开始,(可简单理解为纵向)</td>填充结束
        <p>~</p>创建一个段落及段落结束
        <font>文字修饰开始</font>文字修饰结束
        <center>~</center>居中开始与结束

  第二类:

         不是成双成对的,它只是表示某种属性,在代码中巧妙运用,会收到意想不到的效果。如:

         borderColor= 表格边框的颜色
         bgColor= 大背景颜色代码
         cellSpacing=边框与内置边框的宽度
         cellPadding=文本与表格框的距离
         border=  表格边框的粗细
         width=表格宽度,用数字或用"100%"百分比
         height=表格高度,用法同上.
         align=center内容居中位置 改变center为left,则表示内容是左对齐,……
         background= 作为背景图片的地址
         borderColorDark=边框背光颜色
         borderColorLight=边框向光颜色

        上面代码单词并不是在每个贴子代码中都要用,可以根据需要进行运用。

  第三类:

        是最简单的代码,不需要成对,也不需要数字选择,直接输入代码就行。如:

        <hr>表示是在Html文档中加入一条水平线
        <br>表示创建一个回车换行.它没有结束标志.

        

  评论这张
 
阅读(126)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017