一、HTML概述与基本标签
- 了解WEB和HTML的关系
- 理解HTML标签在WEB网页中的作用
- 掌握HTML文档的结构
- 掌握常用的HTML标签
1、web概述
Web,又称为www,英文全称为world wide web,翻译为中文一般为万维网,
它是运行在互联网之上的一种服务。
1.1、万维网的三个标准---基础核心
1、统一资源标识符(URL),是一个世界通用的负责给万维网上如网页这样的资源定位的系统。
2、超文本传输协议(HTTP),负责规定浏览器和服务器怎样交流
3、超文本标记语言(HTML),定义超文本文档的结构和格式
2、什么是HTML?
是用来描述网页的一种语言 ! (超文本标记语言)
2.1、html和css、JavaScript的关系
html:名词
css:形容词
JavaScript:动词
2.2、html标签是什么?
由w3c组织定义的一系列的标签名字
2.3、html格式
<!--html5文档声明-->
<!DOCTYPE html>
<!--网页从这个地方开始-->
<html>
<!--头信息-->
<head>
<!--编码格式-->
<meta charset="utf-8" />
<!--网页标题-->
<title></title>
</head>
<!--网页正文、网页主体-->
<body>
<p>段落</p>
</body>
</html>
2.4、html储存的文件格式
文件后缀可以是: .html 或者 .htm
2.5、网页的两部分介绍
1. 头部信息: head
用来描述网页:
- title 设置标题
- meta 用来描述网页的编码, 内容
- style 用来定义样式
- script 脚本
2. 网页主体: body
属于网页的内容部分, 我们一般会在这里添加很多其他的元素, 来丰富我们的网页 .
2.6、页面主体body背景设置
1、设置网页的背景色
<body bgcolor="aqua">
<p>段落</p>
</body>
2、设置网页的背景图片
<body background="test.jpg">
<p>段落</p>
</body>
3、设置网页的背景音乐
第一种:<bgsound>标签(只适用于IE浏览器)
在< body > </ body > 里面加入<bgsound src="音乐url" loop="-1"> loop=-1意思是设置为自动播放;
第二种:<audio>标签(适合一些主流的浏览器)
在< body > </ body > 里面加入<audio src="音乐url" autoplay="autoplay"> </audio> autoplay意思是自动播放。