超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。
HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。
一. HTML文档结构:
html
< !DOCTYPE html> < !-- 声明文档类型 -->
< !-- HTML文档的根元素 -->
< !-- 头部,包含元信息和链接到外部资源 -->
<meta charset="UTF-8"> < !-- 设置字符编码 -->
页面标题 < !-- 设置页面标题,显示在浏览器标签上 -->
< /head>
< body> < !-- 主体部分,包含可见内容 -->
< h1>这是一个标题< /h1> < !-- 标题 -->
< p>这是一个段落。< /p> < !-- 段落 -->
< /body>
< /html>
html中常用的基础标签
1. 标签:HTML中使用标签来定义不同类型的内容。标签通常是成对出现的,有开标签和闭标签。例如,<p>
是一个段落的开标签,</p>
是它的闭标签。
2. 元素:一个标签和它的内容一起构成一个元素。例如,<p>这是一个段落。</p>
是一个段落元素。
3. 属性:标签可以包含属性,属性用来提供关于元素的附加信息。例如,<img src="image.jpg" alt="图片">
中的src
和alt
是属性。
4. 标题:<h1>
到 <h6>
用于定义标题,<h1>
是最高级别的标题,而 <h6>
是最低级别的标题。
5. 段落:<p>
用于定义段落文本。
6. 链接:<a>
用于创建超链接,通常用于链接到其他网页或资源。
7. 图像:<img>
用于嵌入图像。
8. 表格:
- <table>
:定义表格。
- <tr>
:定义表格行。
- <th>
:定义表头单元格。
- <td>
:定义表数据单元格。
9. 列表:
- 无序列表:
- <ul>
:定义无序列表。
- <li>
:定义列表项。
- 有序列表:
- <ol>
:定义有序列表。
- <li>
:定义列表项。
10. 表单标签:
- <form>
:定义表单。
- <input>
:定义输入字段。
- <button>
:定义按钮。
- <label>
:定义标签。
- <select>
:定义下拉选择框。
- <textarea>
:定义文本域。
11. 文本格式标签:
- <strong>
:定义粗体文本。
- <em>
:定义斜体文本。
- <u>
:定义下划线文本。
- <br>
:定义换行。
12. 特殊字符标签:
- <nbsp>
:定义空格。
- <
:小于号。
- >
:大于号。
- &
:和号。