网络设计的基础

1、HTML基础：

HTML通常使用 <元素名>内容</元素名>，即开始标签和结束标签记述内容。

HTML的文件型包括：严格型strict，过渡型transitional，框架设计定型frameset。

外层元素html：最外层元素，其他元素都包含在html中，子元素head和body

文件信息head：指定文字编码的meta元素和指定文件标题的title元素，meta元素中可记述keywords和description，将有利于搜索引擎的检索。此外还有link元素，指定外部的css文件，script文件。

网页内容body：body中使用的元素大部分可分为块级元素和内联元素。(块级元素会自动换行，内联元素为行中元素，显示在一行)

常用的块级元素：h1~h6,p,ul,ol,dl,div,address

常用的内联元素：a,img,em,strong,br

超链接和路径：

URL由3部分构成：①协议名；②提供文件存储的主机名；③文件自身的路径

绝对路径：指全称路径，即从协议名开始的所有记述内容，可用于外部网站也可用于内部网站。

相对路径：仅指定路径的一部分，通常用于在同一网站内。

2、CSS基础：

书写规则：选择性+声明

将CSS应用于HTML中：①可通过作为外部文件引入，在head中用link元素；②在指定的元素中直接使用style元素记述。

CSS选择器的种类：①id选择器；②class选择器；③全局选择器；④群组选择器；⑤后代选择器。

伪类：通常可用于a标签的状态。常用的有：link  :visited   :hover    :active

CSS的优先级：浏览器-用户-制作者

在选择器相同的情况下，后被读取的具有更高的优先级。

多个CSS文件中，最后指定的文件拥有优先级

id选择器>class选择器>类型选择器>全局选择器

CSS的盒子模型：

边距领域：margin; 边界领域：border；间隙领域：padding；内容领域。

网络可用性：

①便于了解：用户能尽快上手操作，即don't make me think

②提高效率：用户学习一次后就能高效使用

③便于记忆：暂时不用，重新使用时也能马上使用

④减少错误：错误的发生率低，即使发生错误，也能发上恢复。

⑤提升满意度：让用户觉得满意，感兴趣，能愉快的使用