当前位置 : 主页 > 网页制作 > html >

html常用标签及属性

来源:互联网 收集:自由互联 发布时间:2023-08-02
HTML中的标签及属性 HTML页面结构 标签 描述 !DOCTYPE定义文档类型。html定义 HTML 文档。title定义文档的标题。body定义文档的主体。h1 to h6定义 HTML 标题。p定义段落。br定义简单的折行。h

html常用标签及属性

HTML中的标签及属性

HTML页面结构

标签描述<!DOCTYPE>定义文档类型。<html>定义 HTML 文档。<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折行。<hr>定义水平线。<!--...-->定义注释。

表单

标签描述<form>定义供用户输入的 HTML 表单。<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>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。属性属性名英文英文含义取值应用场景srcSouRCe资源位置资源的路径
borderborder边框数字(像素)
sizesize尺寸数字(像素)
widthwidth宽度数字(像素)
heightheight高度数字(像素)
bgcolorBackGround COLOR背景颜色颜色值:rea或#ffffff
backgroundbackground背景图片图片路径
list-stylelist-style设置列表的所有属性
列表list-style-imagelist-style-image将图像设置为列表项标记None
url列表list-style-typelist-style-type设置列表项标记的类型Disc(实心圆)
Cirle(空心圆)
Square(实心方块)列表line-heightline-height行高(行间距)数字(像素)布局多行文本text-aligntext-align对齐方式Left、right、center各种元素对齐letter-spacingletter-spacing字符间距数字(像素)加大字符间间隔text-decorationtext-decoration文本修饰Underline、none加下划线、中划线等margin-top
(right、bottom、left)
外边距数字(像素)
padding-top
(right、bottom、left)
内边距数字(像素)
displaydisplay改变块级元素与行内元素的默认显示方式block(行变块)
inline(块变行)
none(该元素不显示在网页中)
positionposition定位static(静态定位)
relative(相对定位)
absolute(绝对定位)
fixed(固定定位)用于定位floatfloat浮动None、left、right
clearclear处理浮动塌陷left(清除左边浮动)
right(清除右边浮动)
both(清除两边浮动)
none(不清除浮动)
typetype列表类型Disc(实心圆)
Cirle(空心圆)
Square(实心方块)用于列表alignalign对齐Left、right、center
top、middle、bottom段落内容水平对齐文字与图片垂直对齐typetype表单元素类型text(文本)
checkbox(复选)
radio(单选)
password(密码)
file(文件)
submit(提交)
reset(重置)
button(按钮)
image(图片按钮)
hidden(隐藏)
表单元素methodmethod表单数据的提交方式get
post
altalter改变、替换(图片不显示时提示信息)
图片cellpaddingcell padding单元格内边距数字表格cellspacingcell spacing单元格之间距离数字表格hrefHypertext REFerence超文本引用(跳转到文件位置)

relRELationship关系(用于定义链接的文件和HTML文档之间的关系)StyleSheet样式表link链接一个文件时targettarget目标(网页打开的位置)_blank(新窗口打开)
_self(自身窗口打开)
_top(以整个浏览器作业作为窗口显示新页面)
_parent(在父窗口中打开新的页面)
colspanCOLumn span单元格跨列数字(跨的列数)表格rowspanrow span单元格跨行数字(跨的行数)表格readonlyread only只读

valuevalue输入框的初始值

maxlengthmax length最大长度

scrolldelayscroll delay滚动延时
< m arquee>directiondirection方向(滚动方向)
< m arquee

网友评论