<!DOCTYPE HTML>声明为html5的版本，有助于浏览器正确显示网页。
一、HTML元素
1、 HTML段落通过标签<p>来定义
<p>标签
使用br换行
段落
2、HTML 链接是通过标签 <a> 来定义
-
须以http开头
<a>标签
html链-id属性：用于创建一个html文档书签标记
提示：书签是不以任何特殊的方式显示，在HTML文档中是不显示的。
3、HTML 图像是通过标签 <img> 来定义的
-
图像的名称和尺寸是以属性的形式提供的
<img>标签
二、HTML属性
html元素可以设置属性，如html链接由<a>标签定义。链接的地址在href属性中指定。
<a href="http://www.runoob.com">这是一个链接</a>
html元素的属性参考
三、HTML标题
1、标题（heading）通过<h1>-<h6>标签进行定义的
标题
2、html水平线
标签在html页面中创建水平线
水平线
3、html注释
浏览器会忽略注释，也不会显示它们
<!-- 这是一个注释 -->
四、HTML头部
1、<head>
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
<head>
<style type="text/css">
body {background-color:red}
p {color:blue}
</style>
</head>
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
<meta> 一般放置于 <head> 区域:
meta标签
五、html表格
表格由 <table> 标签来定义。
六、HTML表单和输入
html表单用于收集不同类型的用户输入
文本域：通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。
表单
密码字段：通过标签<input type="password"> 来定义:
表单
单选框和复选框
单选框和复选框
提交按钮：<input type="submit"> 定义了提交按钮.
当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
image.png
假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。
七、HTML框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
该URL指向不同的网页
<iframe src="URL"></iframe>
iframe框架
iframe框架
