第一讲：XHTML基础

来源：互联网发布：电脑分区软件编辑：程序博客网时间：2024/06/05 02:08

XHTML基础

一、HTML概述：

（超文本标记语言）是一种基本的Web网页设计语言，主要用于实现静态的万维网文档。

二、HTML发展过程

1997年1月，HTML4被发布正是标准

1999年12月，W3C又推出HTML4.01

三、HTML的标记语法

1）双标记<标记>内容</标记>

2）单标记<标记/>

最常用的单标记是<BR/>

3）标记属性

<标记属性1 属性2 属性3 。。。>

如：

4）注释

四、HTML的基本结构

<!DOCTYPE html>

<HTML>

<head>

</HTML>

<body>

HTML文档的主标题部分

</body>

</html>

1）头标记

再此标签之间可以使用<title></title>、<script></script>

<head></head>标签对之间的内容是不会再浏览器的框内显示出来的。两个标签必须一块使用。

2）页面的标题标签<title></title>

决定了显示在页面标题栏中的文字

3）主题标签<body></body>

放置的是页面中所有的内容，如图片。文字，表格表单，超链接等设置

五、网页中颜色的设置

1、颜色是一个关键或一个RGB 格式的数字

2、RGB颜色可以有四中表达形式

六、文字版面的编辑

1、标题标签<hn>

标题标签的格式：<hn>标题内容</hn>

标签本身具有换行的作用，标题总是从新的一行开始。

2、段落标签<p>

1）、<p></p>标签对是用来创建一个段落，在此标签对之间加入文本将按照段落的格式显示在浏览器上。

2）、使用该表枪后，每块文本段落之间都会空出一行。

3、段内换行标签<br/>

段落标签<p>是分隔文本的最佳符号，会分段；<br/>用在一段内换行，新航与上一行之间并不空出一行间距。

4、水平线段标记<hr>

是单独使用的标签，在水平线标签。这个标签可以再屏幕上显示一条水平线，用以分隔页面中的不同部分。

5、原样显示文字标签<pre>

6、行内分组标签<span>

对行内元素进行分组，以便通过样式对它们

7、区域分块标签<div>

8、特殊文字样式标签

b标记设置文字为粗

I标记为斜体

Sub标记和 sup标记使用文字称为下标或上标

9、特殊符号的使用

HTML 几种常见特殊字符及其代码表

10、列表标签

HTML有三种列表形式：

无序列表（ul）

就是项目各条列间并无顺序关系

标签：<ul>/<li>

有序列表（ol）

标签：<ol>/<li>

各条列之间是有顺序的

定义列表（dl）

用于对一系列给定的术语给出解释和说明。

标签：<dl>/<dt>/<dd>

4、列的嵌套

列子：

七、超链接标签<a></a>

1、基本格式：

2、绝对路径

3、相对路径

八、本地链接

九、URL链接

十、电子邮件链接

十一、目录链接（书签链接、锚点链接）

1、制作目录链接的方法：（两种）

1）创建一个定位标记，设置文件中将要链接的位置。

2）在调用此链接的文件中的特定部分，定义链接。

格式：<a href “文件名#链接位置名称”>连接文字</a>

如果是在一个文件内跳转，文件名可以省略不写。

十二、多媒体

1、图像标签<img>

2、图片的超链接

4、Audio标签属性

十三、表格

1、表格标签<table>,<th>,<tr>,<td>

2、定义表格的标签

3、应用border添加表格的边框

4、多行多列单元格的合并

列子：、

5、给表格加一个标题（标签）<caption>:

一般放置在table标签下面

6、表格的嵌套即利用表格排版

十四、块级元素与内嵌元素

1、HTML元素分为块级元素

2、内嵌元素两种类型，

区别：

不同之处在于块级元素定义的文本是换行的，而内嵌元素定义的文本是不换行的。

3、浏览器默认的文档流的输出规则：

1）如果是内嵌元素，下一个元素九显示在该元素同一行上的后续位置。

2）如果是块级元素，下一个元素就在浏览器下一行显示

3）元素中的文本按照元素的级别。浏览器使用不同大小的默认字体表示。

0 0