html中标签自带的属性（html中标签自带的属性有哪些）

本篇文章给大家谈谈html中标签自带的属性，以及html中标签自带的属性有哪些对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、html标签对应的属性有哪些
• 2、HTML的标签属性有哪些？
• 3、HTML常用标签和属性
• 4、HTML属性一般都出现在____内部
• 5、html标签的id属性是什么？有什么用？

html标签对应的属性有哪些

html常用标签

html结构：

html html开始标签

head

titlehtml文档标题/title

/head

body

html文档内容....

/body

/html html结束标签

表格：

table 表格开始标签

tr 行

td/td 列

/tr

/table 表格结束标签

表

格属性：table width="" height="" border="" bgcolor=""

background="" cellpadding="' cellspacing="" 其中：

width:为表格的宽度，height:表格的高度，border：表格的边框，

bgcolor表格的背景颜色，background 表格背景颜色。cellpadding：表格字间距, cellspacing：表格边框间距。

双标签:

b/b 字体加粗

i/i 斜体

u/u 字体下划线

s/s 删除线

strike/strike 删除线

单标签:

br / 换行

hr / 水平线

空格：

向右双箭头 :»

注册商标符：®

版权符号：©

双引号:"

链接

a href="#" title=""链接文本/图片/a

注:# 换成所要链接的文件相对地址。title:为链接宽蚂高提示信息。

图片链接：

img src="" alt="" width="" hegiht=""

src:图片链接相对地址，alt：图片信息， width：图片宽度，height:图片物弊高度。

表单：

表单开始标签：form name="表单名称" method="post/get" action="提交地址"

文本框：input type="text"慎尺 name="名称" value="值" /

密码框：input type="password" name="名称" value="值"/

单选按钮：input type="radio" name="名称" checked /

复选框：input type="checkbox" name="名称" checked /

列表：

select

option value="值"/option

/select

文本区域：textarea cols="文本的宽度" rows="文本行数"/textarea

提交按钮:input type="submit" name="名称" value="值" /

重置按钮 input type="reset" name="名称" value="值" /

表单结束标签:/form

HTML的标签属性有哪些？

Html主要有1文件标记2排版标记3字体标记4清单标记5表格标记6表单标记7图形标记8连结标记9框架标记10影像地图11多媒体12其他标记13 StyleSheet等13种主要类型。下面是这十三中常用标记的意义及作用：

HTML 文件声明 让浏览器知道这是 HTML 文件

HEAD 开头 提供文件整体资讯

TITLE 标题 定义文件标题，将显示于浏览顶端

BODY 本文 设计文件格式及内文所在

排版标记

!--注解-- 说明标记 为文件加上说明，但不被显示

P 段落标记 为字、画、表格等之间留一空白行

BR 换行标记 令字、画、表格等显示于下一行

HR 水平线 插入一条水平线

CENTER 居中 令字、画、表格等显示于中间

PRE 预设格式 令文件按照原始码的排列方式显示

DIV 区隔标记 设定字、画、表格等的摆放位置

NOBR 不折行 令文字不因太长而绕行

WBR 建议折行 预设折行部位

字体标记

STRONG 加重语气 产生字体加粗 Bold 的效果

B 粗体标记 产生字体加粗的效果

EM 强调标记 字体出现斜体效果

I 斜体标记 字体出现斜体效果

TT 打字字体 Courier字体，字母宽度相同

U 加上底线 加上底线

H1 一级标题标记 变粗变大加宽，程度与级数反比

H2 二级标题标记 将字体变粗变大加宽

H3 三级标题标记 将字体变粗变大加拿尘宽

H4 四级标题标记 将字体变粗变大加宽

H5 五级标题标记 将字体变粗变大加宽

H6 六级标题标记 将字体变粗变大加宽

FONT 字形标记 设定字形、大小、颜色

BASEFONT 基准字形标记 设定所有字形、大小、颜色

BIG 字体加大 令字体稍为加大

SMALL 字体缩细 令字体稍为缩细

STRIKE 画线删除 为字体加一删除线

CODE 程式码 字体稍为加宽如TT

KBD 键盘字 字体稍为加宽，单一空白

SAMP 范例 字体稍为加宽如TT

VAR 变数 斜体效果

CITE 传记引述 斜体效果

BLOCKQUOTE 引述文字区块 缩排字体

DFN 述语定义 斜体效果

ADDRESS 地址标记 斜体效果

SUB 下标字 指数

SUP 下标字 下标字

清单标记

OL 顺序清单 清单项目将以数字、字母顺序排列

UL 无序清单 清单项目将以圆点排列

LI 清单项目 每一标记标示一项清单项目

MENU 选单清单 清单项目将以圆点排列，如UL

DIR 目录清单 清单项目将以圆点排列，如UL

DL 定义清单 清单分两层出现

DT 定义条目 标示该项定义的标题

DD 定义内容 标示定义内容

表格标记

TABLE 表格标记 设定该表格的各项参数

CAPTION 表格标题 做成一打通列以填入表格标题

TR 表格列 设定该表格的列

TD 表格栏 设定该表格的栏

TH 表格坦困标头 相等于TD，但其内之字体会变粗

表单标记

FORM 表单标记 决定单一表单的运作模式

TEXTAREA 文字区块 提供文字方盒以输入较大量文字

INPUT 输入标记 决定输入形式

SELECT 选择标记 建立 pop-up 卷动清单

OPTION 选项 每一标记标示一个选项

图形标记

IMG 图形标记 用以插入图形及设定图形属性

连接标记

A 连结标记 加入连结

BASE 基准标记 可将相对 URL 转绝对及指定连结目标

框架标记

FRAMESET 框架设定 设定框架

FRAME 框窗设定 设定框窗

IFRAME 页内框架 于网页中间插入框架

NOFRAMES 不支援框架 设定当浏览器不支援框架时的提示

影视地图

消信禅MAP 影像地图名称 设定影像地图名称

AREA 连结区域 设定各连结区域

多媒体

BGSOUND 背景声音 于背景播放声音或音乐

EMBED 多媒体 加入声音、音乐或影像

其他标记

MARQUEE 走动文字 令文字左右走动

BLINK 闪烁文字 闪烁文字

ISINDEX 页内寻找器 可输入关键字寻找于该一页

META 开头定义 让浏览器知道这是 HTML 文件

LINK 关系定义 定义该文件与其他 URL 的关系

StyleSheet

STYLE 样式表 控制网页版面

span 自订标记 独立使用或与样式表同用

HTML常用标签和属性

en英文

zh-CN中文

ja-jp日文

！-- -- 注释

p/p分段

br强制换行

ins/ins下划线

hr/水平线

strong/strong强调突出内容

em/em强调倾斜内容

del/del删除线

sub/sub下际

sup/sup上际

lt；大于号

gt；小于号

emsp；空格

trade；TM

reg；®

copy；©

amp；

yen；￥

deg；摄氏度

color=""水平线颜色

width=""水平线宽度

align=""水平线方向，left左，right右

noshade="noshade"水平线默认阴影消除

img  src＝" " alt＝" "

相对路径  ./ ../

绝对路径  去网络里找图片链接

./是找同级或下级图片

../是找上级图片

src＝""引入图片链接

alt＝""当图片出现问题，可以提示一段文字

title＝""鼠标悬停信息

width＝"  px"设定图片宽度

height＝"  px"设定图片高度

a href=""/a

href=""链接的地址

tltle=""悬停提示信息

target=""填入网址

target=""里包含_blank和_self

_blank在浏览器新窗口打开页面

_self在浏览器原窗口打开页面

img src=" alt"可以在图片里加链接

1.#号和id属性

在要跳转的文本位置前填上块元素，给块元素命名

div id＝""/div

a href="#    "/a

2.#号和name属性

在要跳转的文本位置前在写一个

a name="  "/a

a herf="#  "/a

ul和li必须是组合出现的，他们之间是不能有其他标签的

ul

  li/li

/ul

ul/ul逗晌绝列表最外层容山姿器

li/li列表项

type=""是改变前面标记样式（一般都是用css去控制 ）

ul type=""li /li /ul

disc是实心圆        circle是空心圆

square是实心方块    none是空白可以随意发挥

ol和li必须是组合出现的，他们之间是不能有其他标签的

ol

li/li

/ol

ol/ol列表最外层容器

li/li列表项

type=""是改变前面标记样式（一般都是用css去控制

ol type="" start="" li /li /ol

1是数字          a是小写字母        A大写字母    i罗马数字小写  I罗马数字大写

start=""从哪个数谨猛字开始（取值只能是数字）

dl 

dt/dt 

dd/dd 

/dl

dl/dl列表最外层容器

dt/dt定义专业术语或名词

dd/dd对名词进行解释和描述

table/table表格最外层容器

tr/tr定义表格行

th/th定义表头

td/td定义表格单元

caption/caption定义表格标题

border=""表格边框

cellpadding=""单元格内的空间

cellspacing=""单元格之间的空间

rowspan=""合并行

colspan=""合并列

align=""单元格文字左右对齐方式

align：left、center、right

valign=""单元格文字上下对齐方式

valign：top、middle、bottom

form action=""

    input type＝"text"

/form

form/form表单最外层容器

action＝""提交到一个地址

input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

  input type=""

  text普通文本密码框

  password密码输入框

  placeholdr提示文本

  button自定义按钮

  disabled禁用

  readonly只读

  submit提交按钮

  hidden是给后端带信息普通用户看不见 一般伴随（value）

  input type="image"src="/    "图片代替提交按钮

  reset重置按钮

2.checkbox复选框

  加上checked会出现一个默认选择

  disabled禁止使用

3.radio单选框

  name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组（自定义的值要相同）

  加上checked会出现一个默认选择

4.file上传文件

  multiple按住鼠标左键鼠标滑过可以多选

5.textarea多行文本框

  textarea  cols="30" rows="10"/textarea

  cols=""表示列

  rows=""表示行

  可以通过调节行列改变大小

  resize重新设置大小（css）

  : vertical;垂直

  :horizontal;水平

  :both;默认

  :none;无法控制

6.  selectoption/option/select

  select下拉菜单

  size=""填入数字可以让下拉菜单显示多项

  multiple按住鼠标左键鼠标滑过可以多选

  option菜单里的选项传给后端要设置value值

  selected下拉菜单默认显示当前被选中的那一项

7. label for=""/label是一个辅助属性

  id和for要相同

  拿3.做例子

  正常点这个文字是选不中的

  input type="radio" name="gender"男

  input type="radio" name="gender"女

  但是用上label后就可以了

  input type="radio" name="gender" id="man"label for="man"男/label

  input type="radio" name="gender" id="girl"label for="girl"女/label

fieldsetlegend/legend/fieldset

legend/legend缺口

1.div/div(块)用来划分区域

2.span/span（内联）对文字单独修饰

  style=""设计

  color颜色

  span style＝"color:    "/span

div和span都是没有任何默认样式的，需要配合css

audio src="  " /audio

controls控制栏

loop循环

autoplay自动播放

muted静音

video src="  "video

controls控制栏

loop循环

autoplay自动播放

muted静音

poster属性海报

section元素 表示页面中的一个内容区块（页面身体）

article元素 表示一块与上下文无关的独立的内容

aside元素 在article之外的，与article内容相关的辅助信息（侧边栏）

header元素 表示页面中一个内容区块或整个页面的标题（页面头部）

footer元素 表示页面中一个内容区快或整个页面的脚注（页面底部）

nav元素 表示页面中导游链接部分（页面导航栏）

figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题（第一个获最后一个子元素的位置）

main元素 表示页面中的主要内容（ie不兼容）

form/form表单最外层容器

form action=""/form

action提交到一个地址

input/input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

input type=""

加上name是给后端的

type="color"生成一个颜色选择的表单

type="email"生成一个邮箱输入框

type="tel"换起拨号盘表单

type="search"产生一个搜索意义的表单

type="range"产生一个滑动条表单，支持min，max，value，step

（min最小值）

（max最大值）

（value设置默认）

（step移动数值）

type="number"产生一个数值表单，支持min，max，value，step

type="email"限制用户必须输入email类型

type="url"限制用户必须输入url类型

type="date"限制用户必须输入日期

type="month"限制用户必须输入月类型

type="week"限制用户必须输入周类型

type="time"限制用户必须输入时间类型

type="datetime-local"选取本地时间

input type="text" list="mylist"（list和id相连）

datalist id="mylist"(id自定义)

option value="手机"/option（这个是列表可以想写多少写多少）

/datalist

va lue自定义名称

autofocus自动获取焦点

required验证输入不能为空

multiple可以输入一个或多个值，每个值用逗号隔开

input type="email" multiple/还可用于file

pattern

将属性值设为某个正则表达式，在提交时会检查其内容是否合给定格式

input pattern="[0-9][A-Z][3]" title="输入内容：一个数与三个大写字母" placeholder="输入内容：一个数与三个大写字母"

HTML属性一般都出现在____内部

HTML属性一般都出现在标签内部

HTML属性有很多，大体可以分为两类：有些属性适用于大部分或者所有HTML标签，我们将这些属性称为通用属性；有些属性只适用于一个或者几个特定的HTML标签，我们将这些属性称为专用属性。

对代码的说明：标签中的src属性用来定义图像的路径，alt属性用来定义图像的描述信息，当图像出现异常无法正常显示时就会显示alt中的信息。标签的href属性用来定义链接的地址，target属性用来定义新页面在浏览器中的打开方式。除了自带的属性，HTML也允许我们自定义缓返属性，这些属性虽然可以被浏览器识别，但是并不会添加什么特殊效果，我们需要借掘漏助CSS和JavaScript处理自定义属性，为HTML标签判哪烂添加指定样式或者行为。HTML标签中有一些通用的属性，如id、title、class、style等，这些通用属性可以在大多HTML标签中使用。属性对大小写不敏感，属性一般都是小写，如果给元素添加的属性为大写时，会被转为小写。因此一般给元素添加属性时，直接写小写即可。

html标签的id属性是什么？有什么用？

HTML中id的作用是为单元（元素，标签）提供唯一的标识或标记，以便浏览器在分析和处理网页时可以找到id的位置。通常用于：

1、元素的风格(style sheet)选择。

2、脚本语言使用id属性作为标记来查找id所在的单位。烂侍

3、用作声明对象的单元的标识。

扩展资散携料：

id属性的特点如下：

1、用尖括号括起来的关键字，例如html。

2、通常成对出现，例如div和/ div。

3、标签对中的第一个标签是开始标签，第二个标签是结束标签。

4、起始标签和结束标签也称为开放标签和封闭标签。

5、也有单独显示的标签，例如：饥掘吵img src =“ Baidu Encyclopedia.jpg” /等。

6、通常成对出现的标签，其内容在两个标签之间， 在标签的属性中为单独显示的标签分配值。

html中标签自带的属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html中标签自带的属性有哪些、html中标签自带的属性的信息别忘了在本站进行查找喔。