开发工具
工欲善其事必先利其器。
建议用VScode 全称：Visual Studio
链接: https://code.visualstudio.com
安装之后添加一个扩展插件Chinese
用来将默认的英文界面改成中文，以方便快捷的开发。
示例
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<h1>学习html</h1>
<p><span>你好</span></p>
<p>html</p>
<!-- hr代表水平线 -->
<hr>
<img src="images/html5.png"><br>
<a href="https://www.bilibili.com/">跳转到bilibili</a>
<div>前端三大件：</div>
<ul>
<li>html5</li>
<li>css</li>
<li>js</li>
</ul>
<table border="1">
<tbody>
<tr>
<td>泰山</td>
<td>1</td>
</tr>
<tr>
<td>太阳部落</td>
<td>2</td>
</tr>
</tbody>
</table>
<form action="#{jjjj}" method="post">
姓名<input type="text" name="username"><br>
内容<input type="text" name="content"><br>
<input type="submit" value="提交留言">
</form>
</body>
</html>保存为.html文件
运行示例
说明
html的代码基本写都是<>在尖括号内或者一对尖括号内的
1.<!DOCTYPE html> 这句话的意思是：网页类型声明为html5
2.<html> </html> 包裹着所有代码
3.<head> </head> 表头
4.<meta charset="utf-8" > 是将网页改为utf=8的编码格式
5.<title></titile>是改标题的名字
6.剩余的所有基本都会写在<body></bodyt>里
7.<h1> <h2> <h3> <h4> <h5> <h6> 是一级标题-六级标题，由大到小
8.<p> </p> 内容段落
9.注释格式<!--注释内容-->
10.<hr>水平线
11.<ul> 无序标签<li></li> 标签<li></li> 标签</ul>
12.<img src="图片地址"><br> 插入图片
最好是为图像创建一个文件夹，在文件夹内存放图片。
13.<a href="超链接地址">文字描述内容跟</a>超链接
14<div></div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 固有的唯一格式表现。可以通过的 class 或 id 应用额外的样式。具体使用暂不做说明
15.<br>是一个换行。与<p>有区别 br单独使用，p与/p联动使用。br标签是小换行提行，p标签是大换行（分段）各行作用。
16.<table>表格。 <tr></tr>单元行。<td></td>单元格
17.<form></form>表单
小结
在开发岗位，每一部分都是不可或缺的，掌握基础知识才能决定上层应用的实现。
html现阶段只需认识他，会使用它，不需要全部都背下来，在使用中对照参考资料。使用多了，编写多了也就印象深刻了。
建议多看多思考。
