本篇文章带大家了解一下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 声明不区分大小写；
：该标签是 HTML 页面的根标签，其他所有的标签都需要在 和 标签之间定义；
：该标签中用来定义 HTML 文档的一些信息，例如标题、编码格式等等；
：用来指明当前网页采用 UTF-8 编码，UTF-8 是全球通用的编码格式，绝大多数网页都采用 UTF-8 编码；
：该标签用来定义网页中我们能通过浏览器看到的所有内容，例如段落、标题、图片、链接等等；
由于 HTML 文档属于文本文件，所以我们可以使用任何文本编辑器来创建和修改 HTML 文件，对于初学者来说最好使用系统自带的文本编辑器，例如 Windows 记事本、Linux Vim 和 Mac OS TextEdit，当有了一定的基础之后再选用专业的文本编辑器，例如 Notepad++、Sublime Text、VS Code 等。
另外，您必须将 HTML 文档保存为.html或者.htm格式才可以直接在浏览器中打开并浏览其中的内容。例如上面的示例代码，将其保存在一个名为 index.html 的文件中，双击即可在浏览器中看到运行结果。
HTML文档的基本标签
标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号
@@######@@
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标题脚部区域的内容（用于整个页面或页面中的一块区域）sectionWeb页面中的一块独立区域article独立的文章内容aside相关内容或应用（常用于侧边栏）nav导航类的辅助内容
iframe内联框架
Hello 这是我的第一个HTML页面
HTML表单
表单语法：
表单formaction：表单提交的位置，可以是网站，也可以是一个请求处理的地址method:post,get提交方式get:我们可以在url中看到我们提交的信息，不安全，高效post：在url看不到提交的信息，安全，可以传输大文件。
表单基本控件示例代码：
基本标签 一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
HTML是一种超文本标记语言，是一种浏览器上的规范超文本是指，流媒体，声音，视频，图片等标记语言 由大量的标签组成HTML是一种超文本标记语言，是一种浏览器上的规范
超文本是指，流媒体，声音，视频，图片等
标记语言 由大量的标签组成
HTML是一种超文本标记语言，是一种浏览器上的规范
超文本是指，流媒体，声音，视频，图片等
标记语言 由大量的标签组成
粗体：THER斜体：THER
空 格空 格
大于号：>
小于号：<
表单的应用
隐藏域：hidden只读：readonly禁用：disabled
表单初级验证
常用方式：placeholder：提示信息，用在输入框控件中required：不能为空，必须有值才能提交，用在输入框控件pattern：正则表达式验证
相关推荐：《html视频教程》
图像标签学习 @@##@@
列表学习
- java
- java
- python
- c++
- python
- c++
- java
- java
- python
- c++
- python
- c++
- 学科
- Java
- Python
- C++
- 地点
- 陕西
- 河南
- 曹县
表格学习
| 1-1 | |||
| 2-1 | 2-2 | 2-3 | 2-4 |
| 3-1 | 3-2 | 3-3 | |
媒体元素学习
iframe内联框架学习
表单学习--登录注册 注册
名字：
密码：
性别： 男 女
爱好： 睡觉 吃饭 打豆豆
<!-- 按钮input type="button" 普通按钮input type="image" 图像按钮 提交按钮 重置按钮-->按钮： <!-- -->
选项： A B C D
邮件：
URL：
数字：
滑块：
<!-- 搜索框搜索：
自定义邮箱：
以上就是HTML超文本标记语言–超在那里？（文档分析）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1550934.html
微信扫一扫 
支付宝扫一扫 
