超文本标记语言(英语: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>:定义空格。
- <:小于号。
- >:大于号。
- &:和号。