1、什么是HTML?
1.1、 HTML是(Hyper-TextMark-up Language,超文本标记语言)的缩写,使用各种不同的标记符号来分别标识和设定不同的网页元素。
1.2、 每一个网页元素通常由开始标记、结束标记,以及在这两个标记中的内容所 组成。(单标记特别一点)
1.3、 HTML语言内容丰富,从功能上大体可分为:文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作,以及框架的建立。
2、认识HTML文档结构、基础标签
[认识Html文档结构]
<!DOCTYPE html>//告诉浏览器使用了哪个HTML版本
<html> //HTTML文档的开始
<head> //多定义了搜索引擎和浏览器合读的内容
<meta charset="UTF-8"> //字符编码
<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
语言的一大特色,正因为有了链接,网站内容的浏览才能够具有灵活性和网络性。
1
.
<a href="
„„
">
„„
</a>
该标志对的属性
href
是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像
即加入
<img src="">
标志)。
href
的值可以是
URL
形式,即网址或相对路径,也可以是
mailto:
形式,即发送
形式。当
href
为
URL
时,语法为
<a href="URL"></a>
,这样就构成一个超文本链接了。示例如下:
第
1
章
网页设计概述
·
27
·
<a href="http://xld.home.chinaren.net/">
这是我的网站
</a>
当
href
为邮件地址时,
语法为
<a href="mailto:EMAIL"></a>
,
这就创建了一个自动发送电子邮件的
链接,
mailto:
后边紧跟想要自动发送的电子邮件的地址(即
地址)。
例如:
<a href="mailto:xiaolida@263.net">
这是我的电子信箱(
信箱)
</a>
此外,
<a href=""></a>
还具有
target
属性,此属性用来指明浏览的目标帧,这些内容将在讲帧标记
时作详细的说明。
2
.
<a name="
„„
">
„„
</a>
<a name=""></a>
标志对要结合
<a href=""></a>
标志对使用才有效果。
<a name=""></a>
标志对用来
在
HTML
文档中创建一个标签(即做一个记号),属性
name
是不可缺少的,它的值即是标签名。例
如:
<a name="
标签名
">
此处创建了一个标签
</a>
。
创建标签是为了在
HTML
文档中创建一些链接,以便能够找到同一文档中有标签的地方。要找到
标签所在地,就必须使用
<a href=""></a>
标志对。
例如要找到“标签名”这个标签,就要编写如下代码:
<a href="#
标签名
">
单击此处将使浏览器跳
到“标签名”处
</a>
。
注意:
href
属性赋的值若是标签的名字,必须在标签名前边加一个“
#
”号。
1.4.9
帧标记
帧是由英文
Frame
翻译过来的,它可以用来向浏览器窗口中装载多个
HTML
文件。每个
HTML
文件占据一个帧,而多个帧可以同时显示在同一个浏览器窗口中,它们组成了一个最大的帧。帧通常
的使用方法是在一个帧中放置目录(即可供选择的链接),然后将
HTML
文件显示在另一个帧中。
1
.
<frameset>
„„
</frameset>
<frameset></frameset>
标志对用来定义主文档中有几个帧并且各个帧是如何排列的。
此标志对放在
帧的主文档的
<body></body>
标志对的外边,也可以嵌在其他帧文档中,并且可以嵌套使用。
它具有
rows
和
cols
属性,使用
<frameset>
标志时这两个属性至少必须选择一个,否则浏览器只显
示第一个定义的帧,
<frameset></frameset>
标志对也就没有起到任何作用了。
rows
用来规定主文档中各个帧的行定位,而
cols
用来规定主文档中各个帧的列定位。这两个属性
的取值可以是百分数、绝对像素值或星号“
*
”,其中星号代表那些未被说明的空间,如果同一个属性
中出现多个星号,则将剩下的未被说明的空间平均分配。
Dreamweaver
网页制作与色彩搭配全攻略
·
26
·
<title>
表格标记的综合示例
</title>
</head>
<body>
<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF"
bordercolorlight="#7D7DFF" bordercolordark="#0000A0">
<tr>
<th width="33%" colspan="2" valign="bottom">
意大利
</th>
<th width="36%" colspan="2" valign="bottom">
英格兰
</th>
<th width="36%" colspan="2" valign="bottom">
西班牙
</th>
</tr>
<tr>
<td width="16%" align="center">AC
米兰
</td>
<td width="16%" align="center">
佛罗伦萨
</td>
<td width="17%" align="center">
曼联
</td>
<td width="17%" align="center">
纽卡斯尔
</td>
<td width="17%" align="center">
巴塞罗那
</td>
<td width="17%" align="center">
皇家社会
</td>
</tr>
<tr>
<td width="16%" align="center">
尤文图斯
</td>
<td width="16%" align="center">
桑普多利亚
</td>
<td width="17%" align="center">
利物浦
</td>
<td width="17%" align="center">
阿森纳
</td>
<td width="17%" align="center">
皇家马德里
</td>
<td width="17%" al
ign="center">……</td>
</tr>
<tr>
<td width="16%" align="center">
拉齐奥
</td>
<td width="16%" align="center">
国际米兰
</td>
<td width="17%" align="center">
切尔西
</td>
<td width="17%" align="center">
米德尔斯堡
</td>
<td width="17%" align="center">
马德里竞技
</td>
<td width="17%" align="center">……</td>
</tr>
</table>
</body>
</html>
1.4.8
链接标记
链接是
HTML
语言的一大特色,正因为有了链接,网站内容的浏览才能够具有灵活性和网络性。
1
.
<a href="
„„
">
„„
</a>
该标志对的属性
href
是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像
即加入
<img src="">
标志)。
href
的值可以是
URL
形式,即网址或相对路径,也可以是
mailto:
形式,即发送
形式。当
href
为
URL
时,语法为
<a href="URL"></a>
,这样就构成一个超文本链接了。示例如下:
第
1
章
网页设计概述
·
27
·
<a href="http://xld.home.chinaren.net/">
这是我的网站
</a>
当
href
为邮件地址时,
语法为
<a href="mailto:EMAIL"></a>
,
这就创建了一个自动发送电子邮件的
链接,
mailto:
后边紧跟想要自动发送的电子邮件的地址(即
地址)。
例如:
<a href="mailto:xiaolida@263.net">
这是我的电子信箱(
信箱)
</a>
此外,
<a href=""></a>
还具有
target
属性,此属性用来指明浏览的目标帧,这些内容将在讲帧标记
时作详细的说明。
2
.
<a name="
„„
">
„„
</a>
<a name=""></a>
标志对要结合
<a href=""></a>
标志对使用才有效果。
<a name=""></a>
标志对用来
在
HTML
文档中创建一个标签(即做一个记号),属性
name
是不可缺少的,它的值即是标签名。例
如:
<a name="
标签名
">
此处创建了一个标签
</a>
。
创建标签是为了在
HTML
文档中创建一些链接,以便能够找到同一文档中有标签的地方。要找到
标签所在地,就必须使用
<a href=""></a>
标志对。
例如要找到“标签名”这个标签,就要编写如下代码:
<a href="#
标签名
">
单击此处将使浏览器跳
到“标签名”处
</a>
。
注意:
href
属性赋的值若是标签的名字,必须在标签名前边加一个“
#
”号。
1.4.9
帧标记
帧是由英文
Frame
翻译过来的,它可以用来向浏览器窗口中装载多个
HTML
文件。每个
HTML
文件占据一个帧,而多个帧可以同时显示在同一个浏览器窗口中,它们组成了一个最大的帧。帧通常
的使用方法是在一个帧中放置目录(即可供选择的链接),然后将
HTML
文件显示在另一个帧中。
1
.
<frameset>
„„
</frameset>
<frameset></frameset>
标志对用来定义主文档中有几个帧并且各个帧是如何排列的。
此标志对放在
帧的主文档的
<body></body>
标志对的外边,也可以嵌在其他帧文档中,并且可以嵌套使用。
它具有
rows
和
cols
属性,使用
<frameset>
标志时这两个属性至少必须选择一个,否则浏览器只显
示第一个定义的帧,
<frameset></frameset>
标志对也就没有起到任何作用了。
rows
用来规定主文档中各个帧的行定位,而
cols
用来规定主文档中各个帧的列定位。这两个属性
的取值可以是百分数、绝对像素值或星号“
*
”,其中星号代表那些未被说明的空间,如果同一个属性
中出现多个星号,则将剩下的未被说明的空间平均分配。