HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>博客</title>
</head>
<body>
</body>
</html>
上面代码是一个HTML的标签骨架，我们依次来介绍一下。
<!DOCTYPE html>作用： 向浏览器声明当前的⽂档类型是 html。
<html></html> ：是⽹⻚当中最⼤的标签，我们称之为根标签
<head></head> ：为⽹⻚的头部，⽤来定义⽹⻚标签及给浏览器查看的
⼀些信息
<meta charset="UTF-8"> ： 定义⽹⻚的编码为UTF- 8
<title></title> ：为⽹⻚标题标签，它⾥的内容会显示在浏览器的标签⻚上
<body></body> ：为⽹⻚主体标签，它⾥⾯的内容都会显示在浏览器的主要区域
段落标签
<p>表示文本的段落，在多个<p>中，我们还可以使用<b>来进行嵌套使用。并且会使得文本的颜色加深
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 网页一</title>
</head>
<body>
<p>
这是网页一
</p>
<p> 这是<b>嵌套 </b> </p>
</body>
文章标题标签：
<h1></h1>~<h6></h6>分六个级别，效果依次减少（变小），每个标题都是独占一行空间。
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
图片标签
- <img scr="" alt="" width="" height="" title="">
其图片规格的大小，我们可以通过其上面的关键字来进行更改，从而达到我们想要的效果。
- src:表示文件的路径,图⽚存放的文件位置
- width(宽),height(⾼):设置图⽚的整体⼤⼩。
- title:⿏标悬浮在图⽚上的提示⽂字
- img：表示空文件。
超链接
即在浏览器中点击链接，可以发生跳转的操作。
以下是一段使用超链接演示的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用超链接</title>
</head>
<body>
<a href="Heading.html">本地网页</a>
<hr>
<a href="http://www.baidu.com">互联网网页 </a>
<hr>
<a href="#p1">页面内锚点</a>
<hr>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id="p1">下面的内容</p>
<a href="#"> 回到底部</a>
</body>
</html>
看看效果:可以发现，在文字的下方，有蓝色加粗的标志（这代表我们可以通过点击文字，从而跳转到相应的网页。当我们点击“互联网网页”时，这时我们便可以跳转到百度的页面了（前提是需要联网）.
无序，有序列表
无序：<ul><li> 有序:<ol><li>
每个<li>之间，都可以存放一条数据
每个<li>之间，可以实现嵌套。
``
<ul>
<li>one</li>
<li> two</li>
</ul>
<ol>
<li>first</li>
<li>second</li>
</ol>
表单标签
表单标签：<form action=""></form>。form表单标签里面就是用户填写的表单信息
输入框标签（input标签）：
<input type="text">
（1）type：属性指定输入框内容；
（2）type="text"：则是最普通的文本输入框。为单行；
（3）type="password"：则为密码输入框。为单行；
（4）type="radio"：单选框；
（5）type="checkbox"：为多选框；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单用法</title>
</head>
<body>
<form action="http://localhost:8080/test">
<input type="text" name="username">
<hr>
<input type="password" name="password">
<hr>
<input type="hidden" name ="id" value="1">
<hr>
男<input type="radio" name="sex" value="男" checked>
女<input type="radio" name="sex" value="女" >
<hr>
唱歌<input type="checkbox" name="fav" value="唱歌">
逛街<input type="checkbox" name="fav" value="跳舞">
游戏 <input type="checkbox" name="fav" value="游戏">
<hr>
<input type="submit" value="提交">
</form>
</body>
</html>
看看效果：
