2.1学习

1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)
超文本：功能比普通文本更加强大
标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)

https://baike.baidu.com/item/HTML/97049?fr=aladdin

2.为什么要学习HTML？

3.语法和规范？
HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
HTML标签不区分大小写，建议使用小写。

4.HTML相关标签学习

标题标签<hn> </hn>n 从 1 到 6 逐渐变小。超过 6 的按 6 的进行显示
特点：加粗加黑显示，单独占用一行。与其它行有一定的行间距。
水平线标签 <hr />
段落标签
字体标签
属性：size:指定内容的大小
color：指定内容的颜色
face：指定内容的字体
加粗：
斜体：
下划线：
注释：
快捷键：ctrl+/
换行：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站信息显示页面</title>
	</head>
	<body>
		<!--1.创建一个标题标签-->
		<h2>公司简介</h2>
		<!--2.创建一条水平线-->
		<hr />
		<!--3.分别创建四个段落标签-->
		<p><font color="red">sss</font><b>aaaa</b><i>dddd</i>111111111</p>
		<p>2</p>
		<p>3</p>
		<p>4</p>
	</body>
</html>

5.图片标签

<img />
属性：
src:指的是图片显示的路径(位置)
绝对路径：E:UsersThinkPadDesktop703JavaEE就业班WEB01_HTML资料WEB01image
相对路径：
①同一级：直接写文件名称或者./文件名称
②上一级：../文件名称
③下一级：写上目录名称/文件名称
指定图片的宽度，取值可以是像素值，也可以是百分比
height：指定图片的高度，取值可以是像素值，也可以是百分比
alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站图片信息显示界面</title>
	</head>
	<body>
		<img src="../img/logo2.png" width="260px" height="45px" alt="logo图片" />
		<img src="../img/header.png" width="300px" height="45px" alt="head图片"/>
	</body>
</html>