T2_HTML基本结构 - 副本.ppt

第二章　 HTML基本结构 本章目标 掌握HTML的基本结构 理解HTML控制标记的格式 熟悉最常用的控制标记 HTML基本结构 HTML文档的基本结构 总结 HTML的基础结构由哪些构成 例举出5个以上的HTML标签 * * HTML HEAD TITLE我的第一个网页 /TITLE /HEAD BODY Hello World! /BODY /HTML HTML 网页 HEAD头部部分 BODY主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 head…/head头控制标记 title很单纯的文件标题声明 meta控制标记的动态文件转换声明 base超链接网址基准参考点 Javascript 和VBScript 程序 stylesheet 可用来设置排版来的声明 link可引用外部文件，如CSS 排版样本 HTML基本结构 title网页标题/ title META http-equiv=Content-Type content=text/html; charset=gb2312 HTML有三种主要的标记类型： 元素/标记名称 属性 值 预定义值：接受特定值 数字或者百分数 引用URL 颜色名称、十六进制数字 HTML控制标记的格式 body align=middle border=0“ background=back_image.GIF bgcolor=#FFCCFF“ bgcolor=“red“ /body HTML 控制标记的格式 标记名称：单一型,无设置值的。 例如：br 标记名称属性=”属性值”：单一型，有设置值的。 例如：hr width=”80%” 标记名称…/标记名称：对称型，无设置值。 例如：title…/title 标记名称属性=”属性值”…/标记名称：对称型，有设置值。 例如：body bgcolor=”red”…/body HTML控制标记的格式 在HTML 备注 格式：!--…-- 跳行br 格式：br 段落p 格式：p align=排列方式…/p 最常用的控制标记 排列方式： left 往左靠（默认） center 往中靠 right 往右靠 水平直线hr 格式：hr size= color= width= noshade 像 素：绝对设置，以数字表示，属性值越大，线越粗 百分比：相对设置，以%表示，属性值越大，线越粗 颜色名称： 十六进制数字：RGB，前缀为“#” 最常用的控制标记 线的厚度值 线的宽度 线的颜色 实体线 向中对齐center (被废弃的标签) 格式：center…/center 背景色与文字设置 格式：body bgcolor= text= leftmargin= topmargin= rightmargin= bottommargin= 最常用的控制标记 背景色 文字颜色 整体页面的边距，行距 标题文字设置 格式：h1 align=…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 特殊字符设置 格式： lt; gt; amp; quot; 空格 nbsp; ? copy; 最常用的控制标记 实体字符控制标记 b…/b 粗体 i…/i 斜体 s…/s 删除 u…/u 下划 tt…/tt 电报 sub…/sub 下标 sup…/sup 上标 最常用的控制标记 标记间的嵌套 语意字符控制 address…/address 地址 big…/big 大字 del…/del 删除 ins.../ins 修改 small…/small 小字 strong…/strong 加强语气(加粗) em.../em 加强语气(倾斜) 最常用的控制标记 font字体控制(被废弃的标签) 格式：font size= color= face=…/font 利用CSS实现更加方便的字体控制： font style=