HTML快速学习1

来源：互联网发布：linux如何安装eclipse 编辑：程序博客网时间：2024/06/03 21:27

网页主要有三部分组成：

结构（Structure）

表现（Presentation）

行为（Behavior）

对应的标准也分为三个部分：

结构化标准语言主要包括XHTML和XML

表现标准语言主要包括CSS

行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

文件名规范：

必须是小写字母开头，后接下划线、数字等，不可使用中文或特殊字符作为文件名。

HTML指的是超文本标记语言（Hyper Text Markup Language)

XHTML指可扩展超文本标记语言（标识语言）（Extensible Hyper Text Markup Language)

HTML5指的是HTML的第五次重大修改（HTML5是W3C与WHATWG合作的结果）

HTML页面是由标签和属性构成。

HTML5基本结构：

<!DOCTYPE html>命名文档类型

<html></html>说明我们写的是标记语言

<head></head>文件头部

<title></title>文件标题（显示在状态栏上的内容）

<body></body>文件主体（所有要写的内容）

文件命名规则：用英文，不用中文

名称全部用小写英文字母、数字、下划线的组合，其中不包含汉子、空格和特殊字符；必须以英文字母开头。

1.<常规标记>

<标记属性=“属性值” 属性=“属性值”></标记>

2.空标记(单标记）

<标记属性=“属性值”/>

<u></u>下划线标记，用来为文本加下划线

<br />空标记，用来设置字体换行

<hr />空标记，水平线

<span></span>文本结点，可以是某一小段文本，或是某一个字。

HTML中有三种列表，分别是：

无序列表（ul）

有序列表（ol）

自定义列表（dl）

属性类型：type,(1、a、A、i、I）<ol type=”a” start=”3”></ol>表示从c开始。如果仅有start，则按数字开始。

无序列表：

<ul>

<li>列表项内容</li>

</ul>

自定义列表：

<dl>

</dl>

超链接：

<a href=”#”></a>空连接。

alt是当链接不对或者图片错误无法显示时出现的提示。

titile是鼠标移动上去之后显示的内容。

插入图像：

地址相对路径的写法：

1.当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；

2.当当前文件与目标文件所处的文件夹在同一目录下，写法如下：

文件夹名/目标文件全称+扩展名；

3.当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下：

../目标文件所处文件夹名/目标文件文件名+扩展名；

链接到email：

下载链接：

<table>

<tr>

</tr>

</table>

注意：一对tr表示一行；一对td表示一列（一个单元格）

数据表格的相关属性：

1.width=”表格的宽度”

2.height=”表格的高度”

3.border=”表格的边框”

4.bordercolor=”边框色”

5.cellspacing=”单元格与单元格之间的间距”

6.cellpadding=”单元格与内容之间的空隙”

7.align=”表格对齐方式” 取值：left, right, center,

valign=”垂直对齐”top/middle/bottom

8.合并单元格属性：

合并列：colspan=”所要合并的单元格的列数”

合并行：rowspan=”所要合并的单元格的行数”

0 0