李炎辉css+html学习笔记1-12div+css+html总汇.docx

第1章HTML介绍万维网（www worldwide web）是虚拟的。它无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网的某个地方，都是用某种形式的HTML编写的。HTML（超文本标记语言）有两个基本特性——超文本和普适性。超文本意味着可以在网页中创建一个链接，从而将访问者链接到其他任何网页，实际上可以链接到因特网上的任何东西。这意味着可以通过许多不通的路径访问Web上的信息。Web的创建者Tim Berners - Lee 希望 Web 能像人的大脑那样在信息之间建立广泛的联系，而不是像书籍那样只是静态数据源。普适性的意思是：因为HTML文档保存为纯文本文件，所以实际上任何计算机都可以读取网页。无论访问者是使用Macintosh、Windows还是UNIX计算机，甚至是Palm这样的手持设备，都可以打开网页。Web对所有计算机都是开放的第2章HTML基本结构1. HTML 的基本结构2. HTML控制标记的格式3. 最常用的控制标记本章讲解最基本的HTML元素，也就是创建文档结构所需的元素。例如：标题、段落、页面分隔、注释等等。2.1 HTML 的基本结构html根控制标记head头控制标记title标题/title标题标记/head头控制标记（尾）body网页显示区域/body/html根控制标记(尾)(1).html…/html根控制标记开头和结尾成对出现，双标签(2).head…/head头控制标记1.title很单纯的文件标题声明2.meta控制标记的动态文件转换声明3.base超链接网址基准参考点4.Javascript 和 VBScript 程序5.stylesheet 可用来设置排版来的声明6.link可引用外部文件，如 CSS 排版样本(3).title…/title设置浏览器的视窗标题(4).body…/body页面可见内容2.2 HTML 控制标记的格式(1).标记名称单一型,无设置值的。如：br(2).标记名称属性=”属性值” 单一型，有设置值的。如：hr width=”80%”(3).标记名称…/标记名称对称型，无设置值。如：title…/title(4).标记名称属性=”属性值”…/标记名称对称型，有设置值。如：body bgcolor=”red”…/bodyfont size=”7”…/font2.3 最常用的控制标记(1).跳行br格式：br无属性设置(2).段落p格式：p align=”排列方式”…/p属性名称属性值说明alignleft往左靠（默认）center往中靠right往右靠(3).水平直线 hr格式：hr属性名称属性值说明size像素绝对设置，以数字表示，属性值越大，线越粗百分比相对设置，以%表示，属性值越大，线越粗width像素绝对设置，长度不会应视窗的改变而改变百分比相对设置，长度会随着视窗宽度而改变noshade实体线(4).向中对齐 center (被废弃的标签) 格式：center…/center(5).背景色与文字设置格式：body bgcolor=”背景色”text=”文字颜色”整体页面的边距，行距body leftmargin=”像素”topmargin=”像素”(6).标题文字设置格式：h1…/h1h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6属性名称属性值说明alignleft靠左center靠中right靠右(7).特殊字符设置格式：lt;gt;amp;“ quot; (8).在 HTML 备注格式：!--…--(9).实体字符控制标记1.b…/b 粗2.i…/i 斜3.s…/s 删4.u…/u 下划5.tt…/tt 电报6.sub…/sub 下标7.sup…/sup 上标(10).语意字符控制1.address…/address 地址2.big…/big大字3.del…/del删除第3章排列清单控制标记1.无序号条例式清单ul2.有序号条例式清单ol3.无序列表和有序列表的结合应用4.叙述式清单dl排列清单控制标记可以创建一般的列表、编号列表或加着重号列表，以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容，列表是非常方便的。3.1 无序号条例式清单 ul与 li格式:ulli…/li li…/li li…/li li…/li/ul功能: ul无序条列清单的开始./ul表示结束. li…/li表示一个项目.li的属性属性名称属性值说明typedise实心圆(默认值)circle空心圆square实心方块3. 2 有序号条例式清单 ol与 li格式:olli…/li li…/li li…/li li…/li/ol功能: ol有序