📜  <pre>html 中的元素 (1)

📅  最后修改于: 2023-12-03 15:13:11.371000             🧑  作者: Mango

HTML 中的元素

在网页开发中,HTML 是最基础的语言。HTML 中的元素是构成网页的基本单位,包括标签名、属性和内容。在 HTML 中,元素可以包含其他元素,形成嵌套的关系。

基本元素
<html>

整个页面的根元素,包含整个 HTML 文件内容。

<head>

头部元素,通常包含了页面的标题、样式、脚本等信息,不会在页面中显示。

<body>

主体元素,包含了页面中实际显示的内容。

<div>

用于划分页面区域的块级元素,可嵌套使用。通常用于组合其他 HTML 元素或者用于 CSS 样式控制。

<span>

用于划分页面区域的行内元素,可嵌套使用。通常用于组合其他 HTML 元素或者用于 CSS 样式控制。

<a>

用于表示超链接的元素,可以链接到其他网页、页面内的锚点或者文件。

<img>

用于向页面中插入图片,需要指定图片的 URL 和一些属性。

<form>

用于创建表单的元素,可以让用户输入数据并提交到服务器。

<input>

表单中最常用的元素之一,可以让用户输入各种类型的数据,如文本、密码、日期等。

<button>

用于创建按钮的元素,通常与 JavaScript 代码配合实现各种交互效果。

<ul> 和 <li>

用于创建列表的元素。<ul> 表示无序列表,<li> 表示列表项;<ol> 则表示有序列表。

常见属性
class 和 id

class 和 id 是元素的标识符,用于区分不同元素并设置样式。

style

用于设置元素的 CSS 样式。可以直接写 CSS 代码,也可以使用几个固定的属性。

href

用于设置链接的 URL,通常只用于 <a> 元素。

src

用于设置图片或其他媒体文件的 URL,通常只用于 <img> 元素。

type

用于设置输入框的类型。常用值有 text、password、radio、checkbox 等。

其他元素

除了上述常见元素之外,HTML 中还有很多其他元素可以用于各种特定场景。一些常见的元素如下:

<br>

表示换行,是行内元素。

<hr>

用于在文档中创建水平线。

<p>

表示段落的元素。

<table>

用于创建表格的元素。包含了 <thead>、<tbody> 和 <tfoot> 三个部分。

<tr>, <th> 和 <td>

用于创建表格的行、表头和单元格元素。

<select> 和 <option>

用于创建下拉选择框的元素。

<textarea>

用于创建多行文本输入框的元素。

<label>

用于为表单元素添加标签,可以提高表单的可访问性。

以上是 HTML 中常见的一些元素,一些详细的元素用法可以在 MDN 文档 中进行查看。