html介绍和基础标签

19 阅读2分钟

超文本标记语言(英语: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="图片"> 中的srcalt是属性。

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>:定义空格。
&lt;:小于号。
&gt;:大于号。
&amp;:和号。