第二章 XHTML基础
元素与标签术语，HTML/XHTML/XML之间的联系与区别
在XHTML中，所有元素之间必须完成正确的嵌套，元素必须是闭合的，必须小写，必有一个根元素html。
标题标签（<h>)语法：<h# align="left|center|right">标题内容</h#>,其中#表示1到6之间的整数值
head标签：文档在网页中显示名称标签。<title> title text</title>
段落标签:<p align="left|center|right"> paragraph text</p>
换行标签：<br/>(没有终止标签的空元素标签，要求正确的关闭）<nobar>标签：禁止换行标签，成对出现<nobar></nobar>
水平线标签：<hr> <hr align="left|center|right" size="pixels" width="pixels or %" color="color or color code"/>
也是空元素标签，可以带有属性，必须正确的关闭。
注释标签<!--........-->
节元素（<div>) 语法：<div> content(text,image or table)</div>
超级链接(资源链接或锚链接）：<a>标签 语法：<a href="url"> link text</a> 具有taget属性(新浏览器窗口中打开）：<a href="url" target="_blank"> link text</a>
路径及目录：绝对与相对路径。（用来组织网站的目录结构）
内链接（链接到页面中的一个位置，页内跳转） 语法：1/首先是书签标记：<a name="label"> any content</a> 2、然后书签链接<a href="#label">link text</a>
标准邮件链接：<a href="mailto:someone@"> link text</a>
创建下载链接（即链接到资源的相应路径）pdf及压缩文件等文件均可。
插入图片：<img src="file name of image" alt="description text of image"/> file name of image为相应的链接地址
用图片作超链接：<a href="url"> <img src="file name of image" alt="description text of image"/> </a>
表格：<table> 语法：<table border="pixels">
<caption> caption text</caption>
<tr><th>header cell1</th> <th>header cell2</th>...</tr>
<tr><td> data cell</td> <td> data cell2</td>...</tr>
XHTML结构和DTD：一个XHTML文档包括三个主要部分1、DOCTYPE声明，2、<head>部分 3、<body>部分
有三种类型的XHTML DTD：
Strict （XHTML 1.0 Strict）
Transitional（XHTML 1.0 Transitional）
Frameset（XHTML 1.0 Frameset）
同时在head标签部分还可以有元数据<meta>标签，用来定义页面的描述、关键字等信息，主要用来搜索引擎检索、浏览器及web服务等功能
第三章 CSS基础
WEB标准设计方法：XHTML+CSS(DIV+CSS)
将css插入网页的三种方式：行内样式；内部样式；外部样式
行内样式语法：<tag style="property:value;property:value;..."> 其中tag为标签的名称，style参数可以应用除
了basefont、param、script的任意<body>内的元素，
样式属性可以为任何css属性，冒号用来分隔属性与值，分号用来分隔属性的定义。
内部样式表语法：
<style type="text/css">
<!--
selector1{property:value;property:value;...}
selector2{property:value;property:value;...}
...
-->
</style>
style：其中定义样式，type：根据css语法定义样式（type="text/css"）
<!--...-->,作用：使旧的浏览器可以使用，因为他们可能不知道css
selector：通常由元素/标签来定义
外部样式表：创建一个name.css的文件，然后内部格式如下：
selector1{property:value;property:value;...}
selector2{property:value;property:value;...}
...
链入：外部样式表链入到网页上：
<link rel="stylesheet" type="text/css" href="name.css"/> name.css为包括相关路径的链接
导入：
<style type="text/css">
<!--
@improt url("name1.css");
@improt url("name2.css");
...
internal style sheet declaration
-->
</style>
层叠：三种样式的样式表：作者样式；用户样式；浏览器样式
2、层叠顺序第一：（1）标记为！important的用户样式（2）标记为！important的作者样式（3）作者样式（4）用户样式（5）浏览器默认样式
对于设计人员来说三种样式优先级别为;(1)行内样式（2）内部样式（3）外部样式
第二：看一个选择符是否具体，越具体优先级别越高。
第三：按他们被定义的顺序级别。
css最优方法：外部样式
css语法：（三部分构成：选择符、属性和值） selector{property:value}:selector可以是标签或者类选择符、id选择符，同时可以有多种形式
css注释：/*......*/
类选择符：语法如下：
tag1.classname1{property:value;property:value;...}
tag2.classname2{property:value;property:value;...}
tag3.classname3{property:value;property:value;...}
...
tagN.classnameN{property:value;property:value;...}
不含标签的类选择符语法如下：
.classname1{property:value;property:value;...}
.classname2{property:value;property:value;...}
.classname3{property:value;property:value;...}
...
.classnameN{property:value;property:value;...}
使用选择符的语法：
<tag class="classname1 classname2..."> content</tag>
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说医药卫生XHTML相关知识点总结在线全文阅读。
相关推荐：