HTML入门

来源：互联网发布：ubuntu wine装qq 编辑：程序博客网时间：2024/06/03 19:12

1、什么是HTML?

1.1、 HTML是(Hyper-TextMark-up Language,超文本标记语言)的缩写，使用各种不同的标记符号来分别标识和设定不同的网页元素。

1.2、每一个网页元素通常由开始标记、结束标记,以及在这两个标记中的内容所组成。（单标记特别一点）

1.3、 HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。

2、认识HTML文档结构、基础标签

[认识Html文档结构]

<!DOCTYPE html>//告诉浏览器使用了哪个HTML版本

<html> //HTTML文档的开始

<head> //多定义了搜索引擎和浏览器合读的内容

<title></title> //文档标题

</head>

<body>

</body>

</html>

[基础标签]

a标签定义了一个链接

h1~h6标签定义标题

p标签定义段落

img可用引入一张图片

link标签定义文档与外部资源的关系，最常见的用途是链接样式表

style标签用于为HTML文档定义样式信息，

4、Head标签：作用：用于存放：title,meta,base,style,script,link 注意在head标签中我们必须要设置的标签是title

5、Body标签：作用：页面在的主体部分，用于存放所有的html标签： p,h,a,b,u,i,s,em,del,ins,strong,img用户所看到的页面

6、Title标签：作用：让页面拥有一个属于自己的标题。有什么作用： title中的文本在seo中占有很大的权重。

7、meta 标签：注意：meta中设置的所有的内容在页面都不会显示，可写可不写，但是非常重要，搜索引擎能够搜索得到。关键字与简介 7.1、keywords（关键字）用法： 7.2、description（简介）用法： 7.3、(显示字符集的设定) 7.4、 (设置网页刷新时间)

8、Gbk,utf-8之间的区别：相同点：都是字符的编码格式(字库)。区别： Utf-8:收录是全世界所有的语言中的文字。 Gb2313:收录了汉字，片假名。大小： Utf-8>gbk 性能： Uft-8国标（国际标准）2312 GBK-->国标扩（国际标准的扩展

链接标记

链接是

HTML

语言的一大特色，正因为有了链接，网站内容的浏览才能够具有灵活性和网络性。

．

<a href="

„„

</a>

该标志对的属性

href

是无论如何不可缺少的，标志对之间加入需要链接的文本或图像（链接图像

即加入

标志）。

href

的值可以是

URL

形式，即网址或相对路径，也可以是

mailto:

形式，即发送

E-mail

形式。当

href

为

URL

时，语法为

，这样就构成一个超文本链接了。示例如下：

第

章

网页设计概述

这是我的网站

</a>

当

href

为邮件地址时，

语法为

，

这就创建了一个自动发送电子邮件的

链接，

mailto:

后边紧跟想要自动发送的电子邮件的地址（即

E-mail

地址）。

例如：

这是我的电子信箱（

E-mail

信箱）

</a>

此外，

还具有

target

属性，此属性用来指明浏览的目标帧，这些内容将在讲帧标记

时作详细的说明。

．

<a name="

„„

</a>

标志对要结合

标志对使用才有效果。

标志对用来

在

HTML

文档中创建一个标签（即做一个记号），属性

name

是不可缺少的，它的值即是标签名。例

如：

<a name="

标签名

此处创建了一个标签

</a>

。

创建标签是为了在

HTML

文档中创建一些链接，以便能够找到同一文档中有标签的地方。要找到

标签所在地，就必须使用

标志对。

例如要找到“标签名”这个标签，就要编写如下代码：

<a href="#

标签名

单击此处将使浏览器跳

到“标签名”处

</a>

。



注意：

href

属性赋的值若是标签的名字，必须在标签名前边加一个“

”号。

1.4.9

帧标记

帧是由英文

Frame

翻译过来的，它可以用来向浏览器窗口中装载多个

HTML

文件。每个

HTML

文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧。帧通常

的使用方法是在一个帧中放置目录（即可供选择的链接），然后将

HTML

文件显示在另一个帧中。

．

„„

</frameset>

标志对用来定义主文档中有几个帧并且各个帧是如何排列的。

此标志对放在

帧的主文档的

标志对的外边，也可以嵌在其他帧文档中，并且可以嵌套使用。

它具有

rows

和

cols

属性，使用

标志时这两个属性至少必须选择一个，否则浏览器只显

示第一个定义的帧，

标志对也就没有起到任何作用了。

rows

用来规定主文档中各个帧的行定位，而

cols

用来规定主文档中各个帧的列定位。这两个属性

的取值可以是百分数、绝对像素值或星号“

”，其中星号代表那些未被说明的空间，如果同一个属性

中出现多个星号，则将剩下的未被说明的空间平均分配。

Dreamweaver

网页制作与色彩搭配全攻略

<title>

表格标记的综合示例

</title>

</head>

<body>

<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF"

bordercolorlight="#7D7DFF" bordercolordark="#0000A0">

<tr>

意大利

</th>

英格兰

</th>

西班牙

</th>

</tr>

<tr>

<td width="16%" align="center">AC

米兰

</td>

佛罗伦萨

</td>

曼联

</td>

纽卡斯尔

</td>

巴塞罗那

</td>

皇家社会

</td>

</tr>

<tr>

尤文图斯

</td>

桑普多利亚

</td>

利物浦

</td>

阿森纳

</td>

皇家马德里

</td>

<td width="17%" al

ign="center">……</td>

</tr>

<tr>

拉齐奥

</td>

国际米兰

</td>

切尔西

</td>

米德尔斯堡

</td>

马德里竞技

</td>

</tr>

</table>

</body>

</html>

1.4.8

链接标记

链接是

HTML

语言的一大特色，正因为有了链接，网站内容的浏览才能够具有灵活性和网络性。

．

<a href="

„„

</a>

该标志对的属性

href

是无论如何不可缺少的，标志对之间加入需要链接的文本或图像（链接图像

即加入

标志）。

href

的值可以是

URL

形式，即网址或相对路径，也可以是

mailto:

形式，即发送

E-mail

形式。当

href

为

URL

时，语法为

，这样就构成一个超文本链接了。示例如下：

第

章

网页设计概述

这是我的网站

</a>

当

href

为邮件地址时，

语法为

，

这就创建了一个自动发送电子邮件的

链接，

mailto:

后边紧跟想要自动发送的电子邮件的地址（即

E-mail

地址）。

例如：

这是我的电子信箱（

E-mail

信箱）

</a>

此外，

还具有

target

属性，此属性用来指明浏览的目标帧，这些内容将在讲帧标记

时作详细的说明。

．

<a name="

„„

</a>

标志对要结合

标志对使用才有效果。

标志对用来

在

HTML

文档中创建一个标签（即做一个记号），属性

name

是不可缺少的，它的值即是标签名。例

如：

<a name="

标签名

此处创建了一个标签

</a>

。

创建标签是为了在

HTML

文档中创建一些链接，以便能够找到同一文档中有标签的地方。要找到

标签所在地，就必须使用

标志对。

例如要找到“标签名”这个标签，就要编写如下代码：

<a href="#

标签名

单击此处将使浏览器跳

到“标签名”处

</a>

。



注意：

href

属性赋的值若是标签的名字，必须在标签名前边加一个“

”号。

1.4.9

帧标记

帧是由英文

Frame

翻译过来的，它可以用来向浏览器窗口中装载多个

HTML

文件。每个

HTML

文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧。帧通常

的使用方法是在一个帧中放置目录（即可供选择的链接），然后将

HTML

文件显示在另一个帧中。

．

„„

</frameset>

标志对用来定义主文档中有几个帧并且各个帧是如何排列的。

此标志对放在

帧的主文档的

标志对的外边，也可以嵌在其他帧文档中，并且可以嵌套使用。

它具有

rows

和

cols

属性，使用

标志时这两个属性至少必须选择一个，否则浏览器只显

示第一个定义的帧，

标志对也就没有起到任何作用了。

rows

用来规定主文档中各个帧的行定位，而

cols

用来规定主文档中各个帧的列定位。这两个属性

的取值可以是百分数、绝对像素值或星号“

”，其中星号代表那些未被说明的空间，如果同一个属性

中出现多个星号，则将剩下的未被说明的空间平均分配。

阅读全文

0 0