本篇文章带大家了解一下html（超文本标记语言），介绍一下html的本质，html文档的结构、html文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！
HTML 到底是什么？
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。
我们从 HTML 中文全称来分析一下它的本质：
1) 超文本
也即超越纯文本，这意味着 HTML 文档不仅能包含文本（文字），还能包含图片、音视频、表格、列表、链接、按钮、输入框等高级内容。
超链接是互联网的纽带，它能将众多网页连接起来，让它们交织在一起，形成一张“网”。没有超链接，就没有互联网。
2) 标记语言
HTML 是一种计算机语言，但它不能编程，只能用来标记网页中的内容。HTML 通过不同的标签来标记不同的内容、格式、布局等，例如：
标签表示一张图片；
-
标签表示一个表格；
标签表示一个输入框；
标签表示一段文本；
标签表示文本加粗效果；
标签表示块级布局。HTML文档结构
HTML 页面的基本结构如下所示，其中包含了各种创建网页所需的标签（例如 doctype、html、head、title 和 body 等）。
@@######@@语法说明如下：
：这是文档类型声明，用来将文档声明为 HTML 文档（从技术上来说它并不是标签），doctype 声明不区分大小写；<meta charset="UTF-8">：用来指明当前网页采用 UTF-8 编码，UTF-8 是全球通用的编码格式，绝大多数网页都采用 UTF-8 编码；<title></title>：该标签用来定义网页的标题，网页标题会显示在浏览器的标签栏；
由于 HTML 文档属于文本文件，所以我们可以使用任何文本编辑器来创建和修改 HTML 文件，对于初学者来说最好使用系统自带的文本编辑器，例如 Windows 记事本、Linux Vim 和 Mac OS TextEdit，当有了一定的基础之后再选用专业的文本编辑器，例如 Notepad++、Sublime Text、VS Code 等。
另外，您必须将 HTML 文档保存为
.html或者.htm格式才可以直接在浏览器中打开并浏览其中的内容。例如上面的示例代码，将其保存在一个名为 index.html 的文件中，双击即可在浏览器中看到运行结果。HTML文档的基本标签
标题标签
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件下载如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号
HTML文档的图像标签
常见的图像格式：JPG,GIF,PNG,BMP……
@@##@@
@@######@@超链接标签及应用
-
a标签
- href：必填，表示要跳转到那个界面
- target：表示新标签页在哪里打开（默认在当前标签）
- _blank:新一个标签页
- _self：当前标签页
- 锚链接 （页面内的跳转）
- 1.需要一个锚标记
- 2.跳转到标记处
- 功能性链接
- 邮件链接：mailto：
- QQ链接：qq推广
举例：
@@######@@行内元素和块元素
- 块元素
- 无论内容多少，该元素独占一行
- 例如（p/h1-h6……）
- 行内元素
- 内容撑开宽度，左右都是行内元素的可以排在一行
- 例如（a、strong、em……）
列表
列表的分类
- 无序列表：ol标签
- 有序列表：ul标签 应用范围：导航，菜单栏
- 自定义列表
- dl：标签
- dt：列表名称
- dd：列表内容
列表中也可以实现嵌套
示例代码：
@@######@@表格标签
- 为什么学习表格?
- 简单通用
- 结构稳定
- 基本结构
- 单元格
- 行
- 列
- 跨行
- 跨列
媒体元素
- 视频元素
- video
- 音频元素
- audio
页面结构分析
元素名 描 述 header 标题头部区域的内容（用于整个页面或页面中的一块区域） footer 标题脚部区域的内容（用于整个页面或页面中的一块区域） section Web页面中的一块独立区域 article 独立的文章内容 aside 相关内容或应用（常用于侧边栏） nav 导航类的辅助内容 iframe内联框架
<!--这是html的注释信息--> <!--这是DOCTYPE声明--> nbsp;html> <!--这是根--> <!--这是头--> <!-- 描述性标签 --> <meta> <!--标题栏--> <title>Hello</title> <!--网页体--> <!--这里的内容显示到网页上--> 这是我的第一个HTML页面
HTML表单
表单语法：
- 表单form
- action：表单提交的位置，可以是网站，也可以是一个请求处理的地址
- method:post,get提交方式
- get:我们可以在url中看到我们提交的信息，不安全，高效
- post：在url看不到提交的信息，安全，可以传输大文件。
表单基本控件示例代码：
<!--这是html的注释信息--> <!--这是根--> <!--这是头--> <!-- 描述性标签 --> <meta> <!--标题栏--> <title>基本标签</title><!--网页体--><!--标题标签--><h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h5>六级标签</h5> HTML是一种超文本标记语言，是一种浏览器上的规范 超文本是指，流媒体，声音，视频，图片等 标记语言 由大量的标签组成 <!--段落标签--> <p>HTML是一种超文本标记语言，是一种浏览器上的规范</p> <p>超文本是指，流媒体，声音，视频，图片等</p> <p>标记语言 由大量的标签组成</p> <!--换行标签--> HTML是一种超文本标记语言，是一种浏览器上的规范 <br> 超文本是指，流媒体，声音，视频，图片等 <br> 标记语言 由大量的标签组成 <!--水平线标签--> <hr><!--字体样式标签--><!--粗体，斜体--><br> 粗体：<strong>THER</strong> 斜体：<em>THER</em> <!--特殊符号标签--> <br> 空 格 空 格 <br> 大于号：> <br> 小于号：<
表单的应用
- 隐藏域：hidden
- 只读：readonly
- 禁用：disabled
表单初级验证
- 常用方式：
- placeholder：提示信息，用在输入框控件中
- required：不能为空，必须有值才能提交，用在输入框控件
- pattern：正则表达式验证
相关推荐：《html视频教程》
<meta> <title>图像标签学习</title><!--img学习 src（必填）：图片地址：相对地址，绝对地址 alt（必填）:图片名字 title：悬停文字 width：宽度 height：高度 --> @@##@@
<meta> <title>链接标签学习</title><!--使用name作为标记--><a></a> <!--a标签 href：必填，表示要跳转到那个界面 target：表示新标签页在哪里打开（默认在当前标签） _blank:新一个标签页 _self：当前标签页 --> <a>点击我跳转到页面1</a> <br><a><strong>点击我跳转到页面2</strong></a> <br><a>点击我跳转到页面3</a> <br><a>点击我跳转到页面4</a> <br><!--a标签的嵌套使用--><a> @@##@@ </a> <br><!--a标签的嵌套使用--><a> @@##@@ </a> <br><!--a标签的嵌套使用--><a> @@##@@ </a> <br><!--a标签的嵌套使用--><a> @@##@@ </a> <br><!--锚链接 （页面内的跳转） 1.需要一个锚标记 2.跳转到标记处 --><a>点我回到顶部</a> <a>点我跳转到指定位置</a> <!--功能性链接 邮件链接：mailto： QQ链接：qq推广 --> <a>点击联系我</a> <br><a> @@##@@ </a><meta> <title>列表学习</title><!--有序列表--><ol> <li>java</li> <ol> <li>java</li> <li>python</li> <li>c++</li> </ol> <li>python</li> <li>c++</li> </ol><hr><!--无序列表-->
- java
- java
- python
- c++
- python
- c++
- 学科
- Java
- Python
- C++
- 地点
- 陕西
- 河南
- 曹县
<meta> <title>表格学习</title><!--表格table 行：tr 列：td -->
1-1 2-1 2-2 2-3 2-4 3-1 3-2 3-3 <meta> <title>媒体元素学习</title><!--音频和视频--><!--视频 src：资源路径 controls：控制条 autoplay：自动播放 --><video></video><!--音频--><audio></audio> <audio></audio>
<meta> <title>iframe内联框架学习</title><!--iframe src（必填）：引用页面地址 name:框架标识名 --><iframe></iframe> <iframe></iframe>
nbsp;html> <meta> <title>表单学习--登录注册</title><h1>注册</h1> <!--表单form action：表单提交的位置，可以是网站，也可以是一个请求处理的地址 method:post,get提交方式 get:我们可以在url中看到我们提交的信息，不安全，高效 post -->
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
