前端开发基础入门篇——HTML
【摘要】 超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言。简称为HTML。
1. 简介
超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言。简称为HTML。 HTML 运行在浏览器上，由浏览器来解析。后缀名可以为：.html、.htm。常用的HTML 编辑器有：VS Code、Sublime Text、HbuilderX等。
2. HTML常用的标签
标签分为单标签和双标签。双标签中开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。HTML 标签对大小写不敏感。
| 标签 |
作用 |
标签 | 作用 |
| <html> |
定义html文档 |
<b> 或<strong> | 定义粗体 |
| <body> |
定义文档主体 |
<i>或<em> | 斜体文本 |
| <h1> - <h6> | 用来定义标题 | <small> | 定义小号字 |
| <p> | 用来定义段落 | <strong> | 定义加重语气 |
| <a> | 用来定义连接 |
<sub> | 定义下标字 |
| <img> | 用来定义图像 | <sup> | 定义上标字 |
| <hr> | 用来定义水平线 | <ins> | 定义插入字 |
| <!--...--> |
用来定义注释 |
<del> | 定义删除字 |
| <div> | 定义了文档的区域，块级 (block-level) | <span> | 用来组合文档中的行内元素， 内联元素(inline) |
3. HTML 头部标签
| 标签 |
作用 |
| <head> | 定义了文档的信息 |
| <title> | 定义了文档的标题 |
| <base> | 定义了页面链接标签的默认链接地址 |
| <link> | 定义了一个文档和外部资源之间的关系 |
| <meta> | 定义了HTML文档中的元数据 |
| <script> | 定义了客户端的脚本文件 |
| <style> | 定义了HTML文档的样式文件 |
4. HTML 表格标签
| 标签 | 作用 |
|---|---|
| <table> | 定义表格 |
| <th> | 定义表格的表头 |
| <tr> | 定义表格的行 |
| <td> | 定义表格单元 |
| <caption> | 定义表格标题 |
| <colgroup> | 定义表格列的组 |
| <col> | 定义用于表格列的属性 |
| <thead> | 定义表格的页眉 |
| <tbody> | 定义表格的主体 |
| <tfoot> | 定义表格的页脚 |
5. HTML 列表标签
| 标签 | 描述 |
|---|---|
| <ol> | 定义有序列表 |
| <ul> | 定义无序列表 |
| <li> | 定义列表项 |
| <dl> | 定义列表 |
| <dt> | 自定义列表项目 |
| <dd> | 定义自定列表项的描述 |
6. HTML 表单
| <input type="text" /> | 单文本框 |
| <input type="radio" /> | 单选按钮 |
| <input type="checkbox" /> | 多选按钮 |
| <input type="button"> | 普通按钮 |
| <input type="submit" /> | 提交按钮 |
| <input type="reset" /> | 重置按钮 |
| <input type="file" /> | 文件上传按钮 |
| <input type="password" name="pwd"/> | 密码字段 |
| <textarea> |
多行文本域 |
7. 总结
HTML 是在 Web 上使用的通用标记语言。HTML 允许定义格式化文本，添加图片，创建链接、输入表单、框架和表格等等，浏览器即可读取和显示。HTML 的关键是标签，其作用是指示将出现的内容。
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）