这是我参与第四届青训营笔记创作活动的第1天。
关于前端
通俗的理解是用于解决GUI人机交互问题，有PC/移动端浏览器，客户端，小程序等。关注功能，安全，美观，性能，兼容，无障碍，用户体验等方面。
关于HTML
超文本标记语言（HyperText Markup Language）
<!--最简单的HTML结构-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这是标题</title>
</head>
<body>
Hello HTML
</body>
</html>
<!--标签示例-->
<h1 id="first">first</h1>
<p>自成一段</p>
<strong>加粗</strong>
<b>也是加粗</b>
<em>倾斜</em>
<i>也是倾斜</i>
<del>删除线</del>
<s>也是删除线</s>
<ins>下划线</ins>
<u>也是下划线</u>
<div>div标签单独占一行</div>123
<span>span可一行多个</span>
<span>span可一行多个</span>
<span>span可一行多个</span>
<h1>2图像标签的使用</h1>
<img src="imgs/img1.jpg" alt="找不到图" title="aaaa" width="300" height="" border="15">
超链接标签使用
<h3>外部链接</h3>
<a href="http://www.baidu.com" target="_blank">百度</a>
<h3>内部链接</h3>
<a href="first.html" target="blank">首页</a>
<h3>空链接</h3>
<a href="#">空链接</a>
<h3>下载链接</h3>
<a href="imgs/img1.zip">下载文件</a>
<h3>网页元素链接</h3>
<a href="http://www.baidu.com"><img src="imgs/img1.jpg" alt="" width="100"></a>
<h3>锚点链接</h3>
<a href="#目标">锚点</a>
一些特殊字符
这是 好多空格<br>
这是一个小于号<<br>
这是一个大于号><br>
这是一个和号&<br>
这是一个人民币符号¥<br>
这是一个版权符号©<br>
这是一个注册商标®<br>
这是一个摄氏度°<br>
这是一个正负号±<br>
这是一个乘号×<br>
这是一个除号÷<br>
这是一个上标2²<br>
这是一个上标3³<br>
总结：
html用于组织页面中的元素，告诉显示器该如何显示内容，给每个内容使用合适的标签，能使其有良好的结构。
\
