内容正文:
单元2 HTML基础
2.1 HTML概述
PART 01
什么是HTML
主要内容
CONTENTS
PART 04
HTML属性
PART 03
HTML标签
PART 02
HTML文档的基本结构
2
2.1 什么是HTML
1991.10
1995.11
1993.06
1997.1
首次公开
HTML
2.0
HTML
1.0
HTML
3.2
1997.12
1999.12
HTML
4.0
HTML
4.01
2014.10
HTML
5.0
2014年10月底,W3C宣布HTML5正式定稿。
1997年12月18日,W3C推荐标准。
1999年12月24日,W3C推荐标准。
1997年1月14日,W3C推荐标准。
1995年11月作为RFC 1866发布,
在1993年6月作为)工作草案发布。
1991.10英国科学家蒂姆·伯纳斯·李,首次公开18个HTML标签。
HTML(Hyper Text Markup Language),中文译为“超文本标记语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
HTML的发展历程
2.2 HTML文档的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
告诉浏览器使用什么规范
HTML网页基本结构
2.2 HTML文档的基本结构
HTML网页基本结构
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
网页头部
主体部分
< body>、</body>等成对的标签,分别叫起始标签和结束标签
也有不成对呈现的标签,如 <hr/> ;意为用 / 来关闭空元素。
注意
2.2 HTML文档的基本结构
<head>
<title>HTML文档结构</title>
<head>
<title></title>:该标签用来定义网页的标题,网页标题会显示在浏览器的标签栏;
【案例2.1.1】HTML页面的基本结构
2.2 HTML文档的基本结构
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<p>这是另一个段落</p>
<a href="http://www.baidu.com/" >这是一个超链接,指向百度网首页</a>
<ul>
<li>静态网页设计教程</li>
<li>HTML5教程</li>
<li>CSS3入门教程</li>
</ul>
<input type="text" placeholder="请输入内容" /></body>
段落
超链接
标题
主体部分
<body></body>:该标签用来定义网页中我们能通过浏览器看到的所有内容,例如段落、标题、图片、链接等;
列表
列表项
输入框
2.3 HTML标签
HTML标签
一个 HTML 标签由开始标签、属性、内容和结束标签组成,标签的名称不区分大小写,但大多数属性的值需要区分大小写
2.4 HTML属性
<meta charset="UTF-8" />
<meta name=“keywords” content=“测试关键字" />
<meta name=“description” content=“测试描述……" />
搜索关键字
内容描述
网页字符编码
推荐utf-8,还可设置为gb2312
gb2312包含全部中文字符
utf-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致
注意
HTML属性
感谢观看
$