百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html常用标签及属性
分享文章到:

html常用标签及属性

发布时间:09/01 来源:未知 浏览: 关键词:

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



以上就是html常用标签及属性的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板