• 在线客服

天津华育国际

机构课程咨询服务:
691355715400-666-4820

html语言--华育

授课机构 天津华育国际
上课地点 天津市河北区昆纬路|详细地图
成交/评价 5.0分
联系电话 400-666-4820

课程详情

HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示。 
  HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然 以专业的网页编辑软件为佳。

主要特点  设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。

  也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

  HTML只不过是组合成一个文本文件的一系列标签。它们很像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。

基本结构  一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,

  HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

  下面是一个基本的html文档的代码:1-1.html

  ----开始标签

  ----

   一个简单的HTML示例 | 头部标签

  ----

  ----

  

|

  

欢迎光临我的主页

|

  
|

  


| 文件主体

   |

  这是我次做主页 |

   |

  

|

  ----

  ----结尾标签

  在文档的外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。

  是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。

  是嵌套在头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

   标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。

  上面的这几对标签在文档中都是的,HEAD标签和BODY标签是嵌套在HTML标签中的。

语言剖析  html语言介绍一览表[1]:

   标记 类型 译名或意义 作 用 备注 
文件标记 
● 文件声明 让浏览器知道这是 html 文件 
 
● 开头 提供文件整体资讯 
 
● 标题 定义文件标题,将显示于浏览端 <br /> <br /><body> ● 本文 设计文件格式及内文所在 <br /> <br />排版标记 <br /><!--注解--> ○ 说明标记 为文件加上说明,但不被显示 <br /> <br /><p> ○ 段落标记 为字、画、表格等之间留一空白行 <br /> <br /><br> ○ 换行标记 令字、画、表格等显示于下一行 <br /> <br /><hr> ○ 水平线 插入一条水平线 <br /> <br /><center> ● 居中 令字、画、表格等显示于中间 反对 <br /><pre> ● 预设格式 令文件按照原始码的排列方式显示 <br /> <br /><div> ● 区隔标记 设定字、画、表格等的摆放位置 <br /> <br /><nobr> ● 不折行 令文字不因太长而绕行 <br /> <br /><wbr> ● 建议折行 预设折行部位 <br /> <br />字体标记 <br /><strong> ● 加重语气 产生字体加粗 bold 的 <br /> <br /><b> ● 粗体标记 产生字体加粗的 <br /> <br /><em> ● 强调标记 把文本定义为强调的内容 <br /> <br /><i> ● 斜体标记 字体出现斜体 <br /> <br /><tt> ● 打字字体 courier字体,字母宽度相同 <br /> <br /><u> ● 加上底线 加上底线 反对 <br /><h1> ● 一级标题标记 变粗变大加宽,程度与级数反比 <br /> <br /><h2> ● 二级标题标记 将字体变粗变大加宽 <br /> <br /><h3> ● 三级标题标记 将字体变粗变大加宽 <br /> <br /><h4> ● 四级标题标记 将字体变粗变大加宽 <br /> <br /><h5> ● 五级标题标记 将字体变粗变大加宽 <br /> <br /><h6> ● 六级标题标记 将字体变粗变大加宽 <br /> <br /><font> ● 字形标记 设定字形、大小、颜色 反对 <br /><basefont> ○ 基准字形标记 设定所有字形、大小、颜色 反对 <br /><big> ● 字体加大 令字体稍为加大 <br /> <br /><small> ● 字体缩细 令字体稍为缩细 <br /> <br /><strike> ● 画线删除 为字体加一删除线 反对 <br /><code> ● 程式码 字体稍为加宽如<tt> <br /> <br /><kbd> ● 键盘字 字体稍为加宽,单一空白 <br /> <br /><samp> ● 范例 字体稍为加宽如<tt> <br /> <br /><var> ● 变数 斜体 <br /> <br /><cite> ● 传记引述 斜体 <br /> <br /><blockquote> ● 引述文字区块 缩排字体 <br /> <br /><dfn> ● 述语定义 斜体 <br /> <br /><address> ● 地址标记 斜体 </p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; "><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><sub> ● 下标字 下标字 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><sup> ● 上标字 指数(平方、立方等) </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">清单标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><ol> ● 顺序清单 清单项目将以数字、字母顺序排列 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><ul> ● 无序清单 清单项目将以圆点排列 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><li> ○ 清单项目 每一标记标示一项清单项目 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><menu> ● 选单清单 清单项目将以圆点排列,如<ul> 反对 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><dir> ● 目录清单 清单项目将以圆点排列,如<ul> 反对 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><dl> ● 定义清单 清单分两层出现 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><dt> ○ 定义条目 标示该项定义的标题 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><dd> ○ 定义内容 标示定义内容 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">表格标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><table> ● 表格标记 设定该表格的各项参数 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><caption> ● 表格标题 做成一打通列以填入表格标题 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><tr> ● 表格列 设定该表格的列 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><td> ● 表格栏 设定该表格的栏 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><th> ● 表格标头 相等于<td>,但其内之字体会变粗 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">表单标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><form> ● 表单标记 决定单一表单的运作模式 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><textarea> ● 文字区块 提供文字方盒以输入较大量文字 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><input> ○ 输入标记 决定输入形式 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><select> ● 选择标记 建立 pop-up 卷动清单 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><option> ○ 选项 每一标记标示一个选项 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">图形标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><img> ○ 图形标记 用以插入图形及设定图形属性 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">连结标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><a> ● 连结标记 加入连结 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><base> ○ 基准标记 可将相对 url 转及指定连结目标 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">框架标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><frameset> ● 框架设定 设定框架 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><frame> ○ 框窗设定 设定框窗 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><iframe> ○ 页内框架 于网页中间插入框架 ie </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><noframes> ● 不支援框架 设定当浏览器不支援框架时的提示 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">影像地图 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><map> ● 影像地图名称 设定影像地图名称 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><area> ○ 连结区域 设定各连结区域 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">多媒体 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><bgsound> ○ 背景声音 于背景播放声音或音乐 ie </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><embed> ○ 多媒体 加入声音、音乐或影像 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">其他标记 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><marquee> ● 走动文字 令文字左右走动 ie </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><blink> ● 闪烁文字 闪烁文字 nc </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><isindex> ○ 页内寻找器 可输入关键字寻找于该一页 反对 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><meta> ○ 开头定义 让浏览器知道这是 html 文件 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><link> ○ 关系定义 定义该文件与其他 url 的关系 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">stylesheet </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><style> ● 样式表 控制网页版面 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"><span> ● 自订标记 独立使用或与样式表同用 </span><br style="font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; " /><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6"> 注:</span></p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; "></p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  ● 表示该标记属围堵标记,即需要关闭标记如 </标记>。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  ○ 表示该标记属空标记,即不需要关闭标记。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  IE 表示该标记只适用于 Internet Explorer。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  NC 表示该标记只适用于 Netscape Communicator。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; "><span style="font-family:宋体, arail;font-size:12px;background-color:#f7f6f6">订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。</span></p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; "></p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">HTML的发布  万维网主要由从服务器通过HTTP向浏览器发送的HTML文档组成。但是,HTTP也可以被用于传输HTML之外的数据,例如图像、声音和其他内容。为使浏览器了解如何处理接收到的文档,在传输文档时必须同时传递文件类型。这种元数据包含MIME类型(对于HTML 4.01或更早版本是text/html,而对于XHTML 1.0或之后的版本是application/xhtml+xml),以及字符编码(参见HTML字符编码方式)。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  在现在的浏览器中,和HTML文档一起发送的MIME类型影响文档的解读方式。和XHTML MIME类型一起发送的文档被认为是良构的XML,而语法错误会导致浏览器无法呈现文档。完全相同的文档如果和HTML MIME类型一起发送,则可能被正常显示,因为浏览器对HTML的语法检查更加松懈些。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  如果MIME类型不被识别为HTML,那么浏览器不应该试图将文档呈现为HTML,即使文档以正确的文档类型声明开头也是这样;尽管如此,一些浏览器还是检查文档内容或其URL来判断其文件类型。因为可能造成的安全性问题,这种行为不被提倡。即使以不遵守标准著称的Internet Explorer也基本放弃了这种做法。</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">HTML格式的电子邮件  一些图形模式下的电子邮件客户端支持HTML格式的邮件。很多支持一个图形模式下的HTML邮件编辑器,以及一个HTML邮件阅览器。因为一些问题,HTML邮件的使用有争议。HTML邮件的主要优点是可以使用呈现性元素来加强邮件的视觉,但是缺陷也很多,例如</p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">  收件人未必有一个可以浏览HTML邮件的客户端 邮件大小增加。一些邮件客户端随HTML邮件发送一个纯文字版更加重了这个问题 过度使用格式化 潜在安全问题,例如伪造银行电子邮件用于网络钓鱼 在一些有缺陷的电子邮件程序显示HTML邮件时可能执行恶意代码 因为这些原因,很多新闻组和邮件列表要么截断信件的HTML部分,要么只接受纯文本版本部分的邮件,要么拒绝接收HTML邮件。 </p><p style="padding:0px; margin-top:0px; margin-bottom:0px; font-family:宋体, arail; font-size:12px; line-height:20px; white-space:normal; background-color:#f7f6f6; ">更多网址优惠:<a href="http://tj.pxto.com.cn/JiGou/081902G695.html" target="_self" title="HTML语言">http://tj.pxto.com.cn/JiGou/081902G695.html</a></p><h2><div style="line-height:25px; color:#333333; font-size:12px" class="articlebody"><div class="content clr"><p></p></div></div></h2> </div> <div class="infor_desBox hide"> </div> <div class="hide infor_desBox"> 课程评价 </div> <div class="hide infor_desBox"> 聚划算 </div> </div> <!--机构其他课程 start--> <div class="org_other_class"> <h3 class="txt-home">机构其他课程<a class="fr more" href="/xuexiao/21311/list_239056.html">查看更多 ></a></h3> <div class="border_bottom"></div> <div class="class_01 clearfix"> <dl class="mt15 mb15"> <dt><a href="/courses/36251.html" target="_blank"><img src="http://static2.pxto.com.cn/statics/Home/images/other/k2.jpg" /></a></dt> <dd> <p class="f12 mt5"><strong><a href="/courses/36251.html" class="gray1" target="_blank">网络工程师课程--华育</a></strong></p> </dd> </dl> <dl class="mt15 mb15"> <dt><a href="/courses/36254.html" target="_blank"><img src="http://static2.pxto.com.cn/statics/Home/images/other/k2.jpg" /></a></dt> <dd> <p class="f12 mt5"><strong><a href="/courses/36254.html" class="gray1" target="_blank">软件工程师课程--华育</a></strong></p> </dd> </dl> <dl class="mt15 mb15"> <dt><a href="/courses/594191.html" target="_blank"><img src="http://static2.pxto.com.cn/statics/Home/images/other/k2.jpg" /></a></dt> <dd> <p class="f12 mt5"><strong><a href="/courses/594191.html" class="gray1" target="_blank">天津计算机培训学校实训-华育</a></strong></p> </dd> </dl> <dl class="mt15 mb15"> <dt><a href="/courses/594193.html" target="_blank"><img src="http://static2.pxto.com.cn/statics/Home/images/other/k2.jpg" /></a></dt> <dd> <p class="f12 mt5"><strong><a href="/courses/594193.html" class="gray1" target="_blank">如何挑选电脑培训学校就读--华育</a></strong></p> </dd> </dl> </div> </div> <!--机构其他课程 end--> </div> <!--右侧--> <div class="right-box"> <!--推荐课程--> <div class="ranking"> <div class="rank_title">推荐课程<a href="/xuexiao/21311/list_239056.html" class="more">更多 ></a></div> <div class="famous_teacher"> <ul> <li> <a href="/courses/36251.html"> <img src="http://static2.pxto.com.cn/statics/Home/images/other/k.jpg"> <span>网络工程师课程--华育</span> </a> </li> <li> <a href="/courses/36254.html"> <img src="http://static2.pxto.com.cn/statics/Home/images/other/k.jpg"> <span>软件工程师课程--华育</span> </a> </li> <li> <a href="/courses/594191.html"> <img src="http://static2.pxto.com.cn/statics/Home/images/other/k.jpg"> <span>天津计算机培训学校实训-华育</span> </a> </li> <li> <a href="/courses/594193.html"> <img src="http://static2.pxto.com.cn/statics/Home/images/other/k.jpg"> <span>如何挑选电脑培训学校就读--华育</span> </a> </li> </ul> </div> </div> <!-- ad --> <div class="mt20 mb30"><a href="http://cd.m.pxto.com.cn" target="_blank"><img src="http://static2.pxto.com.cn/statics/www/images/kdb300.gif"></a></div> </div> </div> </div> <!--end content--> <script type="text/javascript" src="http://static2.pxto.com.cn/statics/Public/js/jquery.cookie.js" charset="UTF-8"></script> <script type="text/javascript"> $(document).ready(function (e) { addHit('course', 594195); }); function addHit(type, id){ if ($.cookie('hit_' + type + id)) { return; } $.cookie('hit_' + type + id, 1, {expires: 1}); $.get('/home/jigou/addHit?type=' + type + '&id=' + id, function(data){ }, 'json'); } </script><script src="http://static2.pxto.com.cn/statics/Home/js/all.js"></script> <script type="text/javascript" src="http://static2.pxto.com.cn/statics/Public/layer/layer.js" charset="UTF-8"></script> <div class="footy"> <a href="/xuexiao/21311/list_239056.html">课程列表</a> |<a href="/xuexiao/21311/list_239057.html">机构简介</a> <br> <div class="text_bold">天津市河北区昆纬路</div> <span class="text_red">【机构】咨询热线: 400-666-4820</span><br> <span> <a href="/help/32.html"> 免责声明 </a> | <a href="/help/13.html"> 版权/投诉举报 </a><br>本页面由主体自行上传,本网不对该页面内容(包括但不限于文字、图片)真实性和知识产权负责,如有侵权请联系处理删除qq:16720809。</span> <div class="code_box_bg"> <div class="code_box"> </div> </div> </div> <!--end foot--> <!--右侧返回顶部+微信 <div class="fix-right"> <div class="wx-area-G"> <a href="tencent://message/?uin=691355715&Site=www.pxto.com.cn&menu=yes" class="fix-qq fix-qq-first" title="点击咨询"></a> <a href="javascript:void(0);" id="goto-top" class="fix-qq fix-qq-last" title="返回顶部" style="display:none;"></a> </div> </div>--> <!--end 返回顶部+微信--> <script type="text/javascript" src="http://static2.pxto.com.cn/statics/Public/js/jquery.cookie.js" charset="UTF-8"></script> <script type="text/javascript"> $(document).ready(function (e) { addHit('jigou', 21311); }); function addHit(type, id){ if ($.cookie('hit_' + type + id)) { return; } $.cookie('hit_' + type + id, 1, {expires: 1}); $.get('/home/jigou/addHit?type=' + type + '&id=' + id, function(data){ }, 'json'); } </script><script type="text/javascript" charset="utf-8" src="https://p.bpm0.cn/js/tjpxtinfo.js"></script><script type="text/javascript" src="http://static2.pxto.com.cn/statics/Public/jigoupage/v2/js/org-main.js"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="https://s5.cnzz.com/z_stat.php?id=936172&web_id=936172" language="JavaScript"></script></body> </html>