首页 / HTML / HTML常用标签属性
HTML常用标签属性
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML常用标签属性,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含12892字,纯文字阅读大概需要19分钟。
内容图文
文章有点长,但是我觉得你不用一次性看完,可以收藏一下,在自己的碎片时间里,可以随时拿出来看看。
今天把HTML里一些常用的标签也整理了一份,希望对于初学者有帮助。
跑马灯
…普通卷动
…滑动
…预设卷动
…来回卷动
…向下卷动
…向上卷动
向右卷动
向左卷动
…卷动次数
…设定宽度
…设定高度
…设定背景颜色
…设定滚动速度
…设定卷动时间
<marquee οnmοuseοver=“this.stop()”>…鼠标经过上面时停止滚动
<marquee οnmοuseοver=“this.start()”>…鼠标离开时开始滚动
字体效果
...
标题字(最大)...
标题字(最小)…粗体字
…粗体字(强调) (同上效果略同)
…斜体字
…斜体字(强调)
…斜体字(表示定义)
…底线
…底线(表示插入文字)
…
横线
…删除线
…删除线(表示删除)
…键盘文字
… 打字体
…固定宽度字体(在文件中空白、换行、定位功能有效)
…固定宽度字体(不执行标记符号)
… 固定宽度小字体
…字体颜色
…最小字体
<font style =’font-size:100 px’>…无限增大
区断标记
水平线
水平线(设定大小)
水平线(设定宽度)
水平线(设定颜色)
(换行)
…水域(不换行)
...
水域(段落)连结格式
(预设好连结路径)贴图/音乐
贴图
设定图片宽度
设定图片高度
设定图片提示文字
设定图片边框
背景音乐设定
表格语法
...分割视窗
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 分割左右两个框架 分割左中右三个框架<分割上下两个框架
分割上中下三个框架属性:
cols 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。
rows 就是横向切割,将窗口上下分开,数值设置同上。
以上两属性尽量不要在同一个标记中,因为王井(netscape)不支持,尽量采用多重分割。
frameborder 设置框架的边框,其值有0不要边框,1要边框。
border 设置框架边框厚度
framespacing 表示框架与框架间保留空白的距离
frame 元素(单标签)
语法格式:
属性:
name 框架名称,指定框架来做连接的目标窗口。
src 框架中要显示的网页文当地址,每个个框架要对应一个html文挡。
scrolling 是否显示滚动条,yes/no,auto是自动。
noresize 设置不让使用者改变这个框架的大小,
noframe元素
指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
语法格式:
…
表单
语法格式:
…
method有两种提交方式get,post
action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action=“mailto:lwr8494@163.com” 这样此表单所填的资料将会发送到这个邮箱地址。
method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。
申请表单用的是post搜索引擎用的是get
<! - - … - -> 注解
被连结点的名称
.... 用来显示电子邮箱地址粗体字
< base target> 指定超连结的分割视窗
< basefont size> 更改预设字形大小
加入背景音乐
显示大字体
闪烁的文字
< body text link vlink> 设定文字颜色
显示本文
换行
… 用於引经据典的文字
< dode>… 用於列出一段程式码
< comment>… 加上注解
< dd> 设定定义列表的项目解说
< dfn>… 显示"定义"文字
< dir>… 列表文字标签
< dl>… 设定定义列表的标签
< dt> 设定定义列表的项目
强调之用
< font face> 任意指定所用的字形
< font size> 设定字体大小
< form action> 设定户动式表单的处理方式
设定户动式表单之资料传送方式 设定视窗的上下边界 设定视窗的左右边界 为分割视窗命名 锁住分割视窗的大小 设定分割视窗的卷轴 将HTML档加入视窗 将视窗分割成左右的子视窗 将视窗分割成上下的子视窗 ... 划分分割视窗~
设定文字大小
标示文件资讯加上分格线 文件的开始与结束
斜体字
调整图形影像的位置
为你的图形影像加注
< img dynsrc loop> 加入影片
插入图片并预设图形大小
插入图片并预设图形的左右边界
预载图片功能
设定图片边界
插入图片
< img vspace> 插入图片并预设图形的上下边界
在表单中加入输入栏位
< isindex> 定义查询用表单
… 表示使用者输入文字
- ...
- 列表的项目 ( 可指定符号 )
< marquee> 跑马灯效果
条列文字标签 自动更新文件内容可同时选择多项的列表栏
定义不出现分割视窗的文字
- ...
< p align> 设定对齐方向
分段
… 显示人名
使用原有排列 < samp>... 用於引用字 ... 在表单中定义列表栏 显示小字体
文字加横线 用於加强语气 下标字 上标字 < table border=n> 调整表格的宽线高度 < table cellpadding> 调整资料栏位之边界调整表格线的宽度调整表格的高度
调整表格的宽度
...
产生表格的标签 调整表格栏位之左右对齐 设定表格栏位之背景颜色 表格栏位的合并 设定表格栏位不换行 < td valign> 调整表格栏位之上下对齐 调整表格栏位宽度 ... 定义表格的资料栏位 表单中加入多少列的文字输入栏 < textarea wrap> 决定文字输入栏是自动否换行 ... 定义表格的标头栏位
文件标题 <tr>...</tr> 定义表格美一行 <tt> 打字机字体 <u> 文字加底线 < ul type>... 无序号的列表 ( 可指定符号 ) <var>...</var> 用於显示变数 BlockQuotc文本缩进 表示颜色的常用三种方式 1,16进制颜色代码 语法:#RRGGBB 例:<font color="#ff0000">红色</font> 2,10进制RGB码 语法:RGB(RRR,GGG,BBB) 例:<font color="rgb(255,000,000)">红色</font> 3,直接用颜色的英文名称 例:<font color="red">红色</font> .....属性可分为三种 1,背景属性 包括:bgcolor,background 2,文字属性: 包括:text,link,alink,vlink, 3,留白属性: 其中分为:leftmargin,topmargin .bgcolor背景色 语法格式: .background背景图案。 语法格式: .text文本颜色(非连接文字颜色) .link连接文字颜色(可连接文字颜色) .alink活动连接文字颜色(正被点击的可连接文字的颜色) .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色) 语法格式: .leftmargin 页面左侧的留白距离 .topmargin 页面顶部的留白距离 语法格式: 注:value为长度值为数字 align属性 语法:<h2 align="?">文字</h2> 其属性有三种:left靠左,center居中,right靠右 〈p〉为段落标记,可利用以上属性对整个段落进行设置 〈br>为换行标记 为不换行标记 放在文字两边即可 例: <h3>江南逢李龟年</h3> <p>歧王宅里寻常见<br/> 催九堂前几度闻<br/> 正是江南好风景<br/> 落花时节又逢君</p> 预格式化 <pre>......</pre> 浏览是效果和编写是效果格式一样 </u></tt> 列表
1、无序列表又称符号列表
语法格式:
- type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
- 文字
- 文字
2、有序列表
语法格式:
- 文字
- 文字
type的值是编号字符可选的有1…,a…,A…,i… ,I…
start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
3、定义列表
-
定义列表标记
- 标示定义内容
语法格式:
- 文字内容
连接和图像
语法格式:
属性:href 连接目标 值可以是地址也可以是连接锚点
…或者
name连接名称
语法格式:…
例:…
连接到该锚点的连接则应是:
…
target目标窗口语法格式
<a href=“"target=”_blank|_self|_farent|_top|windowname">…
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
<a href=“http://www.yangxiaoer.cn” title="他、ctrlCV1的个人博客"ctrlCV1的个人博客
图像 语法格式
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
语法格式:<img src="" align"">
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
文字的排版
不换行空白标记
font元素
语法格式:
字体大小可选值为1——7,默认为3
例:〈font face=“黑体” size=“4” color="#ff00ff">…
水平线
语法格式:
noshade无阴影,既实线
层〈div>两种元素
是块级元素,和段落元素相似,不同的是两个
元素之间不会产生两个元素之间的空行,
是行内元素,可以定义段落中部分文字的属性
语法格式:
...align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
兼容性比 要好一点,最好使用表格语法格式
...........
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
....align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
.....align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
input元素 语法格式
type属性的可选值有:
text 单行文本框
属性:name 文本框名称
value 文本框的初始值
size 文本框的长度
maxlength 可输入字符串最大的长度
radio 单选框
属性:name 单选框名称
value 内部值
checked 默认选定
checkbox 复选框
属性:name 复选框名称
value 内部值
checked 默认选定
reset 重置按钮
submit 确定按钮
属性:name 按钮名称
value 显示在按钮上的文字
password 密码框
属性与文本框的属性完全相同
file 文件域
属性:name文件域名称
size 文件域的长度
maxlength 文件域可接受的字符数量的上限
hidden 隐藏域
属性:name 隐藏域名称
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的 地址
列表框
语法格式:
…
....…
select元素
语法格式:<select name="" size=""multiple>
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
语法格式:
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
css 层叠样式表
引入层叠样式表的方法包括:
1、外联式样式表
例:
…
属性:rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的地址
内嵌式样式表:
例:
....2、元素内定
格式:
3、导入式样式表
〈html>
…
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
CSS结构
例:td{font-size:10.5pt;color:#666666}
css样式包含两个基础部分,
选择符和声明{font-size:10.5pt;color:#666666}
声明也有两部分组成:
属性font-size,color和值10.5pt,#666666
选择符分为6种
1、元素选择符
当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;}
2、class(类)选择符
例:
..... ctrlCV1的个人博客
ctrlCV11的个人博客
还有一种方法就是限定可以应用它的页面元素
例:
..... ctrlCV1个人博客
ctrlCV1的小江湖
3、 id选择符
与class选择附类似,只是把’.‘换成’#’
例:
id选择符——ctrlCV1-小江湖 我们看到在调用ID选择附时与CLASS选择附类似,只是将class="“换成了id=”",方便页面脚本语言的调用
关联选择符
关联选择符———ctrlCV1的小江湖关联选择符——ctrlCV1的小江湖
我们设定了在元素中的元素
所包含文字的样式,只有在两个条件都满足是,样式在会起作用,
伪类选择符
是只能用在css选择符里,而不能用在html代码中的选择符
例:
- List item
正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱
伪元素选择符
与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
例:首行
ctrlCV1
长度随浏览器窗口大小而改变
首字
ctrlCV1
以上两种都只能应用于块状元素上CSS规则
1.继承
CSS规则——ctrlCV1的小江湖
为最高级次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,
2.组合
例:td{font-size:12pt}
p1{font-size:12pt}
组合后
td,.p1{font-size:12pt}
3.层叠
在样式里定义过后,在表格属性中又定义一次
ctrlCV1的小江湖 CSS单位
分四大类:
1、 长度单位
数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)
换算关系:
1in(英寸)=6pc(派)
1in(英寸)=72pt(磅)
1in(英寸)=2.54(厘米)
1cm(厘米)=10mm(毫米)
1cm(厘米)=0.3937(英寸)
1pt(磅)=1/72in(英寸)=0.2478mm(毫米)
1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸
2、 百分比单位
3 、颜色单位
4 、单位
div属性
color : #999999 文字颜色
font-family : 宋体 文字字型
font-size : 10pt 文字大小
font-style:itelic 文字斜体育
font-variant:small-caps 小字体
letter-spacing : 1pt 文字间距
line-height : 200% 设定行高
font-weight:bold 文字粗体
vertical-align:sub 下标字
vertical-align:super 上标字
text-decoration:line-through 加?h除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none ?h除连接底线
text-transform : capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文写
text-align:right 文字*右对齐
text-align:left 文字*左对齐
text-align:center 文字置中对齐
这些是一些简单的文字效果,可以应用到css的页面中。
背景
background-color:black 背景颜色
background-image : (image/bg.gif) 背景图片
background-attachment : fixed 固定背景
background-repeat : repeat 重复排列-网页预设
background-repeat : no-repeat 不重复排列
background-repeat : repeat-x 在x轴重复排列
background-repeat : repeat-y 在y轴重复排列
background-position : 90% 90% 背景图片x与y轴的位置
链接
A 所有超连接##
|标题 – – A:link 超连接文字格式
A:visited 浏览过的连接文字格式
A:active 按下连接的格式
A:hover 鼠标移至连接
边框
border-top : 1px solid black 上框
border-bottom : 1px solid #6699cc 下框
border-left : 1px solid #6699cc 左框
border-right : 1px solid #6699cc 右框
border: 1px solid #6699cc 四边框
虚线
实线
内容总结
以上是互联网集市为您收集整理的HTML常用标签属性全部内容,希望文章能够帮你解决HTML常用标签属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。