html 备忘单

📌 相关文章

📜 html 备忘单 - Html (1)

📅 最后修改于: 2023-12-03 14:41:55.260000 🧑 作者: Mango

HTML 是前端开发中必不可少的一环，本文将给程序员提供一个 HTML 的备忘单，包含 HTML 常用标签、表单元素、相关属性等常用知识。

常用 HTML 标签

以下是 HTML 常用标签，按字母顺序排列：

<a>: 定义超链接
<article>: 定义一篇文章
<body>: HTML 文档的主体部分
<button>: 定义按钮
<div>: 定义文档中的节或区域（无语义）
<footer>: 定义文档或节的页脚
<form>: 定义用户输入表单
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: 定义标题
<header>: 定义文档或节的头部
<img>: 定义图像
<input>: 定义输入控件
<label>: 定义表单控件标签
<li>: 定义列表项
<nav>: 定义导航链接
<ol>: 定义有序列表
<p>: 定义段落
<select>: 定义下拉列表
<span>: 定义文本的小片段（无语义）
<table>: 定义表格
<td>: 定义表格中的单元格
<textarea>: 定义多行文本输入控件
<th>: 定义表格中的表头单元格
<tr>: 定义表格中的行
<ul>: 定义无序列表

常用 HTML 属性

以下是 HTML 常用属性，按字母顺序排列：

alt: 图像的替代文本
href: 超链接地址
id: 元素的唯一标识符
name: 控件的名称
placeholder: 输入控件的提示文本
src: 图像、音频或视频的 URL
style: 元素的样式
target: 超链接目标窗口
title: 元素的额外信息

常用 HTML 表单元素

表单元素是用于收集用户信息的 HTML 元素，以下是表单元素和它们的类型：

<button>: 按钮（无默认值）
<input type="text">: 输入框（单行，无默认值）
<input type="password">: 密码框（单行，无默认值）
<input type="checkbox">: 多选框
<input type="radio">: 单选框
<input type="submit">: 提交按钮
<input type="reset">: 重置按钮
<select>: 下拉列表
<textarea>: 输入框（多行）

Markdown 代码片段

该备忘单以 Markdown 格式返回代码片段：

# HTML 备忘单

## 常用 HTML 标签

- `<a>`
- `<article>`
- `<body>`
- `<button>`
- `<div>`
- `<footer>`
- `<form>`
- `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`
- `<header>`
- `<img>`
- `<input>`
- `<label>`
- `<li>`
- `<nav>`
- `<ol>`
- `<p>`
- `<select>`
- `<span>`
- `<table>`
- `<td>`
- `<textarea>`
- `<th>`
- `<tr>`
- `<ul>`

## 常用 HTML 属性

- `alt`
- `href`
- `id`
- `name`
- `placeholder`
- `src`
- `style`
- `target`
- `title`

## 常用 HTML 表单元素

- `<button>`
- `<input type="text">`
- `<input type="password">`
- `<input type="checkbox">`
- `<input type="radio">`
- `<input type="submit">`
- `<input type="reset">`
- `<select>`
- `<textarea>`