初识HTML
HTML基本结构
<body>, </body>等成对的标签，分别叫开放标签和闭合标签
单独呈现的标签（空元素），如<hr/>；意为用/关闭空元素
HTML的注释
<!-- 注释内容 -->
# 在IDEA中快捷键是 Ctrl + /
HTML基本网页信息
<!-- DOCTYPE:告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网头部-->
<head>
<!-- meta描述性标签，描述网站一些信息 -->
<!-- meta一般用来做SEO（搜索引擎优化） -->
<meta charset="UTF-8">
<meta name="keywords" content="LaughTale的博客">
<meta name="description" content="来这个地方可以学习新的知识">
<!-- Title标签代表网页标题 -->
<title>我的第一个网页</title>
</head>
<!--body标签代表网页主体-->
<body>
Hello，World！
</body>
</html>
基本标签
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--段落标签-->
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
床前明月光，疑是地上霜。<br/>
举头望明月，低头思故乡。<br/>
<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体： <strong>你好世界</strong>
斜体： <em>你好世界</em>
<!--特殊符号-->
空格：
大于号： >
小于号： <
</body>
图像标签
<body>
<!--img 学习
src: 图片地址（相对，绝对）
../ --返回上一级
alt：图片加载失败显示的文字
-->
<img src="../resources/image/食物.jpg" alt="加载失败" title="悬停文字">
</body>
连接标签
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<!--a标签学习
href: 必填，表示要跳转到哪个页面
traget: 表示窗口在哪里打开
_blank: 在新标签页中打开
_self: 在自己的网页中打开（默认）
-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<!--图像超链接-->
<a href="https://www.baidu.com">
<img src="../resources/image/食物.jpg" alt="加载失败" title="悬停文字">
</a>
<!--锚链接（实现页面间跳转）
1.需要一个标记
2.跳转到标记
3.通过 # 来跳转
-->
<a href="#top">回到顶部</a>
<!--功能性链接
邮件链接： mailto
QQ链接：搜索QQ推广，复制代码
-->
<a href="mailto:123456@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好，加我QQ获取最新资源" title="你好，加我QQ获取最新资源"/></a>
</body>
初识HTML