HTML
-
HTML ---- 结构层
-
CSS ----表现层
-
javascript ---- 行为层
一、HTML概述
- HTML (Hyper Text Markup Language)是超文本标记语言。
- HTML 文件是包含一些标签的文本文件。
- 这些标签告诉 WEB 浏览器如何显示页面。
- HTML 文件必须使用 htm 或者 html 作为文件扩展名。
- HTML 文件可以通过简单的文本编辑器来创建。
二、HTML 标签
- HTML 标签是用来标记 HTML 元素的。
- HTML 标签被
<
和>
符号包围。 - 这些包围的符号叫作尖括号。
- HTML 标签是成对出现的。例如
<b>
和</b>
。也有的标签为单标签,例如</br>
- 位于起始标签和终止标签之间的文本是元素的内容。
- HTML 标签对大小写不敏感,
<b>
和<B>
的作用的相同的。
HTML标记的类型
- 单标记:
a. <标记名称 />
单一型,无属性值。如:<br />
b. <标记名称 属性=“属性值” />
单一型,有属性值。如:<hr width=“80%” />
- 双标记:<开始标记>内容</结束标记>
三、HTML文档的创建
html语言最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用的,有一个开头标记和一个结束标记。结束标记只是在开头标记加一个斜杠“/”,当浏览 器打开html文件后,就会理解里面的标记符,然后把标 记符对应的功能表达出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
正文
<b>此文本是粗体的。</b>
</body>
</html>
-
<!DOCTYPE html>
为文档的标题头 -
<html>...</html>
标识网页文件的开始与结束,所有html元素都要放在这对标记中。 -
meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放在
<head></head>
之间
设置关键字
<meta name="keywords" content="value" />
多个关键字内容用“,”分隔
设置描述<meta name="description" content="value" />
设置作者<meta name="author" content="作者名" />
设置字符集<meta http-equiv="content-type" content="text/html;charset=utf-8" />
设置字符集<meta http-equiv="refresh" content="2;URL=http:www.baidu.com"/>
-
<title>...</title>
标识网页文件的标题 -
<body>..</body>
标识网页文件的主题部分 -
<b>此文本是粗体的。</b>
为一个 HTML 元素
这个 HTML 元素由起始标签<b>
开始。
这个元素的内容是:“此文本是粗体的。”。
这个 HTML 元素由终止标签</b>
结尾。
<b>
标签的作用是定义一个显示为粗体的 HTML 元素。
四、HTML标签属性
- HTML 标签拥有属性。属性为 HTML 元素提供附加信息。
- 属性总是以名称/值对的形式出现,比如:name=“value”
- 属性总是在 HTML 元素的开始标签中规定。
标记的属性:<标记 属性1=参数1,属性2=参数2>内容</标记>
说明:标记与属性、属性之间以空格分离,属性顺序部不分先后,且属性不是必须的
注意:始终为属性值加引号