网页制作html+css.docVIP

第1章 HTML基本结构 学习内容 1。HTML的基本结构 2。 HTML控制标记的格式 3。 最常用的控制标记 HTML编辑工具：Dreamweaver、Frontpage、文本编辑器都可以。 本章讲解最基本的HTML元素，也就是创建文档结构所需的元素。例如：标题、段落、页面分隔、注释等等。 1、HTML的基本结构 html 根控制标记 head 头控制标记 title标题/title 标题标记 /head 头控制标记（尾） body网页显示区域 /body /html 根控制标记(尾) (1)。html…/html根控制标记开头和结尾成对出现，双标签 (2)。head…/head头控制标记里面可以放以下内容： title…/title很单纯的文件标题声明 meta控制标记的动态文件转换声明 base超链接网址基准参考点 Javascript和VBScript程序 stylesheet可用来设置排版来的声明 link可引用外部文件，如CSS排版样本 (3)。title…/title设置浏览器的视窗标题 (4)。body…/body页面可见内容 2、HTML控制标记的格式 (1)。标记名称 单一型，无设置值的。 如：br (2)。标记名称 属性=”属性值” 单一型，有设置值的。 如：hr width=”80%” (3)。标记名称…/标记名称 对称型，无设置值。 如：title…/title (4)。标记名称 属性=”属性值”…/标记名称 对称型，有设置值。 如：body bgcolor=”red”…/body font size=”7”…/font 3、最常用的控制标记 (1)。跳行 br 格式：br 无属性设置 (2)。段落 p 格式：p align=”排列方式”…/p 属性名称 属性值 说明 align left 往左靠（默认） center 往中靠 right 往右靠 (3)。水平直线hr 格式：hr 属性名称 属性值 说明 size 像素 绝对设置，以数字表示，属性值越大，线越粗 百分比 相对设置，以%表示，属性值越大，线越粗 width 像素 绝对设置，长度不会应视窗的改变而改变 百分比 相对设置，长度会随着视窗宽度而改变 noshade 实体线 (4)。向中对齐center (被废弃的标签) 格式：center…/center (5)。背景色与文字设置 格式：bodybgcolor=”背景色” text=”文字颜色” 整体页面的边距，行距 body leftmargin=”像素” topmargin=”像素” (6)。标题文字设置 格式：h1…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 属性名称 属性值 说明 align left 靠左 center 靠中 right 靠右 (7)。特殊字符设置 格式： lt； gt； amp； quot； Cite url 被引用的地址 第2章 排列清单控制标记 学习内容 1。无序号条例式清单ul 2。有序号条例式清单ol 3。无序列表和有序列表的结合应用 4。叙述式清单dl 排列清单控制标记可以创建一般的列表、编号列表或加着重号列表，以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容，列表是非常方便的。 1、无序号条例式清单ul与li 格式： ul li…/li li…/li li…/li li…/li /ul 功能： ul无序条列清单的开始。/ul表示结束。 li…/li表示一个项目。 ul和li的属性 属性名称 属性值 说明 type dise 实心圆(默认值) circle 空心圆 square 实心方块 2、有序号条例式清单ol与li 格式： ol li…/li li…/li li…/li li…/li /ol 功能： ol有序条列清单的开始。/ol表示结束。 li…/li表示一个项目。 ol和li的属性 属性名称 属性值 说明 type 1 表示以1，2，3，4来表示 a 表示以a，b，c，d来表示 A 表示以A，B，C，D来表示 i 表示以i，ii ，iii 来表示 I 表示以I，II，III来表示 3、无序列表和有序列表的结合应用 格式：ul li 。。。。。 ol li…/li li…/li li…/li /ol /li li 。。。。。 ol li…/li li…/li li…/