HTML学习.docx

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）,比如针对搜索引擎和更新频率的描述和关键词。位于head标签内，单独出现，必须被正确地关闭meta name= content= /meta属性主要非为两组： 1）name属性与content属性 name属性的值所描述的内容（值）通过content属性表示，便于爬虫查找、分类。其中最重要的是description、keywords和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=/html5_12/所需的CSS文件路径，引入外部的CSS文件；（优缺点：使用最广泛，一个css文件可控制多个页面，从整站来讲，减少代码数量，提高加载速度，便于维护。） 2、头部引入：在head部分加入style type=text/css/style标签，CSS代码就写在标签内（style是表明引