文档介绍：html+css 知识点总结 137911 2012-11-25 2 html 部分 html 头部声明 DOCTYPE 是 document type ( 文档类型) 的简写, 用来说明你用的 XHTML 或者 HTML 是什么版本。 DOCTYPE 声明必须放在每一个 XHTML 文档最顶部,在所有代码和标识之上。<head> <title> 标签 title 就是说这个网页是干什么的,公司名、产品名、功能名等等,全是给浏览器,以方便用户能快速准确得了解到这个网页要介绍的内容。 title 的特点: title 标签只能在 head 标签内出现; 标签内的内容通常在浏览器的标题栏中显示; 浏览器中收藏夹内书签的名称是 title 的内容; title 的内容可以方便搜索引擎索引页面; 从搜索引擎搜索到的内容的标题往往是网页 title 的内容; title 通常体现了网页的主题内容,所以记得一定要加上。<meta> 标签<meta> 元素可提供有关页面的原信息( meta-information ), 比如针对搜索引擎和更新频率的描述和关键词。位于 hea d 标签内,单独出现,必须被正确地关闭<meta name=" " content="" />meta 属性主要非为两组: 1) name 属性与 content 属性 name 属性的值所描述的内容(值) 通过 content 属性表示, 便于爬虫查找、分类。其中最重要的是 description 、 keyword s 和 robots 。 2) http-equiv 属性和 content 属性 HTML 标签的规范 1 、所有标签都必须要有相应的结束标签; 2 、标签与标签的属性都必须使用小写; 3 、所有标签都必须合理嵌套; 4、<img> 标签的 alt 属性:搜索引擎会比较重视,要充分利用它来放置关键词。它的好处包括: 1 )获取或设置在图像不可用或当前正在下载且尚未完成的情况下浏览器显示的替换标题; 2 )搜索引擎把 alt 属性里的内容当了那个图片的关键词,关键词写得好,图片被搜索到的几率也是非常大的。 5、 HTML 转义字符。 HTML 常用标签块属性标签(块元素) <div></div> 可以把文档分割为独立的、不同的部分<h1></h1> …<h6></h6> 可定义标题。<h1> 定义最大的标题, <h6> 定义最小的标题<ol></ol> 定义有序列表,必须嵌套<li> <ul></ul> 定义无序列表,必须嵌套<li> <li></li> 定义列表项目,是有序列表和无序列表的子标签<dl></dl> 定义自定义列表<dt></dt> 一般用于定义列表标题<dd></dd> 定义自定义列表内容<table></table> 定义表格<tr></tr> 定义表格行<th></th> 定义表头<td></td> 定义表格单元<p></p> 定义段落<br/> 换行符<from></from> 用于为用户输入创建 HTML 表单行内属性标签(内联元素) <span></span> 被用来组合文档中的行内元素<var></var> 定义变量,在浏览器中一般会斜体显示<em></em> 把文本定义为强调内容,浏览器一般以斜体显示<a></a> 锚文本,最重要的属性是 href ,指定连接的目标<img/> 是单标签,链接图片,有 src 和 alt 属性<textarea></textarea> 定义多行文本输入控件,可通过 cols 和 rows 属性来规定 textarea 的尺寸,y 也可以用 css 的 width 和 height 属性来控制。<select></select> 可创建单选或多选菜单,子标签是 select <option></option> 定义下拉列表中的一个选项,位于 select 元素内部<input> 用于搜集用户信息。根据不同的 tpye 属性值, 输入字段拥有很多种形式。输入字段可以是文本字段 text , 复选框 checkbox ,掩码后的文本控件,单选按钮 radio ,按钮 button , submit 提交,重置 reset ,空白 hidden 等等<strong></strong> 把文本定义为更强的强调的内容块属性标签特点: 标签默认撑满整行,总是在新的一行开始; 高度、行高以及顶底边距都可控制; 未设定宽度时,宽度为容器的 100% ; 行内属性标签特点行内属性标签可在一行显示; 宽高即顶底边距不可控制; 内容撑开宽高; CSS 部分 css 引入方式: 1 、外部引入:在 HTML 的 head 部分<link rel="stylesheet" type="text/css" href="