HTML常用标签及属性

2022-10-26 16:21:50 浏览数 (1)

HTML页面结构

标签

描述

<!DOCTYPE>

定义文档类型

<html>

定义文档的标题

<body>

定义文档的主体

<h1>to<h6>

定义HTML标题

<p>

定义段落

<br>

定义简单的换行

<hr>

定义水平线

<!--...-->

定义注释

表单

标签

描述

<form>

定义表单

<input>

定义输入控件

<textarea>

定义多行文本框

<button>

定义按钮

<select>

定义选择列表

<optgroup>

定义选择列表相关选项组合

<option>

定义选择列表中的选项

<label>

定义input元素的标注

<fieldset>

定义围绕表单中元素的边框

<legend>

定义fieldset元素的标题

<datalist>

定义下拉列表

<keygen>

定义生成密钥

<output>

定义输出的一些类型

框架

标签

描述

<frame>

定义框架的窗口或框架

<frameset>

定义框架集

<noframes>

定义针对不支持框架的用户的替代内容

<iframe>

定义内联框架

图像

标签

描述

<img>

定义图像

<map>

定义图像映射

<area>

定义图像地图内部的区域

<canvas>

定义图形

<figcaption>

定义figure元素的标题

<figure>

定义媒介内容的分组,以及它们的标题

链接

标签

描述

<a>

定义锚

<link>

定义文档与外部资源的关系

<nav>

定义导航链接

列表

标签

描述

<ul>

定义无序列表

<ol>

定义有序列表

<li>

定义列表的项目

<dir>

不赞成使用,定义目录列表

<dl>

定义定义列表

<dt>

定义定义列表中的项目

<dd>

定义定义列表中项目的描述

<menu>

定义命令的菜单/列表

<menuitem>

定义用户可以从弹出菜单调用的命令/菜单项目

<command>

定义命令按钮

表格

标签

属性

<table>

定义表格

<caption>

定义表格标题

<th>

定义表格中的表头单元格

<tr>

定义表格中的行

<td>

定义表格中的单元

<thead>

定义表格中的表头内容

<tbody>

定义表格中的主体内容

<tfoot>

定义表格中的表注内容(脚注)

<col>

定义表格中一个或多个列的属性值

<colgroup>

定义表格中供格式化的列祖

样式

标签

描述

<style>

定义文档的样式信息

<div>

定义文档中的节

<span>

定义文档中的节

<header>

定义section或page的页眉

<footer>

定义section或page的页脚

<section>

定义section

<article>

定义文章

<aside>

定义页面内容之外的内容

<details>

定义元素的细节

<dialog>

定义对话框或窗口

<summary>

为details元素定义可见的标题

员信息

标签

属性

<head>

定义关于文档的信息

<meta>

定义关于html文档的元信息

<base>

定义页面中所有链接的默认地址或默认目标

<basefont>

不赞成使用,定义页面中文本的默认字体 颜色或尺寸

属性

属性名

英文

英文含义

取值

src

SouRCe

资源位置

资源的路径

border

border

边框

数字

size

size

尺寸

数字(像素)

width

width

宽度

数字(像素)

height

height

高度

数字(像素)

bgcolor

BackGroudCOLOR

背景颜色

颜色值:rea或#ffffff

backgroud

background

背景图片

图片路径

list-style

list-style

设置列表所有属性

0 人点赞