一、什么是HTML？
HTML：Hyper Text Markup Language（超文本标记语言）
作用：编写网站；
基本格式：
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
注：< body>、</body>等成对的标签，分别叫开放标签和闭合标签
单独呈现的标签（空元素），如 <hr/> ；意为用 / 来关闭空元素
二、基本标签：
1、title标签：<title>我爱上了不该爱的人</title>
2、meta标签：<meta charset="UTF-8" />
<meta name=“keywords” content=“亮哥Java学堂" />
<meta name=“description” content=“Java体系系统学习……" />
3、标题标签：<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
4：段落标签：
<p>北京欢迎你，有梦想谁都了不起！</p>
<p>有勇气就会有奇迹。</p>
5、换行标签：<br/>
6、水平线标签：<hr/>
7、字体样式标签：加粗：<strong>..<strong/>
斜体：<em>..<em/>
8、图片标签：<img src="path" alt="text" title="text" width="x" height="y" />
9、链接标签：<a href="path" target="目标窗口位置">链接文本或图像</a>
添加新内容：
块元素：无论内容多少，该元素独占一行（p、h1-h6…），可以改变高度，可以改变左右距离
行内元素内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)，不可以改变高度，只可以改变左右的距离。
示例：
<html lang="en">
<!-- lang 语言，zh-CN -->
<!-- hello -->
<head >
<title>我的页面标题</title>
<!-- 给页面标题添加头像 -->
<Link rel="inco" href=".../img/one.jpg" type ="image/x-icon"/>
</head>
<body>
<!-- 第一部分 -->
<!-- <h1>Hello World!</h1>
<img src="img/人物.jpg" width="160" height="200" alt="五一" title ="六一"/> -->
<!-- 第二部分 -->
<a href="http://www.baidu.com" target="_blank">
<img src="img1.png" alt="姑娘，欢迎降落在这残酷的世界" title="姑娘，欢迎降落在这残酷的世界" />
<!-- 显示京东图片，点击跳转到百度页面 -->
</body>
</html>
效果图链接：file:///D:/ruanjian/VS/wenjianxiangmu/htmlOne/hello.html