html标签属性收藏大全
学了好久的div+css,以及html,平时收藏积累了不少的html代码属性及用法。今天拿出来给大家参考参考,温故而知新嘛!
普通卷动
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
<marquee
字体效果
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调)
(同上效果略同)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
...
打字体
固定宽度字体(在文件中空白、换行、定位功能有效)
<font
<font
<font
区断标记
水平线
<hr
<hr
<hr
(换行)
...
水域(段落)连结格式
<base
<a
<a
<a
<a
贴图/音乐
<img
<img
<img
<img
<img
<bgsound
表格语法
<table
<table
<table
<table
<table
<table
<table
<table
<table
<table
<table
<table
<table
<table
<td
<td
分割视窗
<frameset
<frameset
<frameset
<frameset
<分割上下两个框架
<frameset
属性:
cols
rows
以上两属性尽量不要在同一个
<TABLE
<TABLE
<TABLE
<TABLE
<TABLE
... |
<TD
<TD
<TD
<TD
<TD
<TD
... |
<TEXTAREA
<TEXTAREA
... |
---|
<UL
...
BlockQuotc文本缩进
表示颜色的有三种方式;
1,16进制颜色代码
语法:#RRGGBB
例:<font
2,10进制RGB码
语法:RGB(RRR,GGG,BBB)
例:<font
3,直接用颜色的英文名称
例:<font
.....属性可分为三种:
1,背景属性
包括:bgcolor,background
2,文字属性:
包括:text,link,alink,vlink,
3,留白属性:
其中分为:leftmargin,topmargin
.bgcolor背景色
语法格式:<body
.background背景图案。
语法格式:<body
.text文本颜色(非连接文字颜色)
.link连接文字颜色(可连接文字颜色)
.alink活动连接文字颜色(正被点击的可连接文字的颜色)
.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
语法格式:<body
.leftmargin
.topmargin
语法格式:<body
注:value为长度值为数字
align
语法:<h2
其属性有三种:left靠左,center居中,right靠右
〈p〉
〈br>为换行标记
例:
江南逢李龟年
歧王宅里寻常见
催九堂前几度闻
正是江南好风景
落花时节又逢君
预格式化:
......
列表
1无序列表又称符号列表
语法格式:
<ul
文字
文字
2有序列表
语法格式:
<ol
文字
文字
start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
3定义列表
- 定义列表标记
- 标示定义条目
- 标示定义内容
语法格式:- 文字
- 文字内容
连接和图像
语法格式:
<ahref="url" name="?" target="?" title="?">....
属性:href连接目标 值可以是url地址也可以是连接锚点
<ahref="url">...或者
<ahref="锚点">...
name连接名称
语法格式:<aname="锚点名称">...
例:<aname="abcdcf">...
连接到该锚点的连接则应是:
<aname="#abcdef">....
target目标窗口语法格式:
<ahref="url"target="_blank|_self|_farent|_top|windowname">....
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
<ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落
图像语法格式:
<imgsrc="url" alt="?" width="?" height="?" border="?" align="?">
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
语法格式:<imgsrc="" align"">
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
文字的排版
不换行空白标记
font元素
语法格式:
<fontface="字体名称" size="字体大小" color="字体颜色">
字体大小可选值为1——7,默认为3
例:〈fontface="黑体" size="4" color="#ff00ff">....
水平线
语法格式:<hrwidth="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>
noshade无阴影,既实线
层〈div>两种元素是块级元素,和段落元素相似,不同的是两个
元素之间不会产生两个元素之间的空行,
是行内元素,可以定义段落中部分文字的属性
语法格式:
<divalign="" >...
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性兼容性比要好一点,最好使用
表格语法格式:
<tablewidth="" bgcolor="" background="" border="" cellspacing="" cellpadding="">
...
........
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
<tralign="" bgcolor="">....
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
<tdwidth="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....
align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
input元素语法格式:
<inputtype="">
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按钮图片的url 地址
列表框语法格式:
.....
.....
- 标示定义条目
select元素
语法格式:<select
name
size
multiple
option属性
语法格式:<option
selected
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
css
引入层叠样式表的方法包括:
外联式样式表
例:
<link
....
属性:rel
内嵌式样式表:
例:
<style
....
元素内定
格式:<p
导入式样式表
〈html>
<style
....
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元素选择符 当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 2class(类)选择符 例:〈head> <style <body <p |
九连环离开计划
还有一种方法就是限定可以应用它的页面元素
例:〈head>
<style
<body
<p
<h1
3
与class选择附类似,只是把'.'换成'#'
例:
<style
<table
我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用
关联选择符
<style
<table
关联选择符
关联选择符
我们设定了在元素中
的元素 所包含文字的样式,只有在两个条件都满足是,样式在会起作用, <style <a <a <a <a
dfgsadfgsdfgsdfgsdfgsdfg 长度随浏览器窗口大小而改变 首字 dfgsadfgsdfgsdfgsdfgsdfg 以上两种都只能应用于块状元素上 css规则 1.继承 例: <style <table css规则 |
为最高级
次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, 2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 td,.p1{font-size:12pt} 3.层叠 在样式里定义过后,在表格属性中又定义一次 <style <table |
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
font-family
font-size
font-style:itelic
font-variant:small-caps
letter-spacing
line-height
font-weight:bold
vertical-align:sub
vertical-align:super
text-decoration:line-through
text-decoration:overline
text-decoration:underline
text-decoration:none
text-transform
text-transform
text-transform
text-align:right
text-align:left
text-align:center
这些是一些简单的文字效果,可以应用到css的页面中。
背景
background-color:black
background-image
background-attachment
background-repeat
background-repeat
background-repeat
background-repeat
background-position
链接
A
A:link
A:visited
A:active
A:hover
边框
border-top
border-bottom
border-left
border-right
border:
虚线
<TEXTAREA
实线
<TEXTAREA
-
用微信 “扫一扫”
将文章分享到朋友圈。
关注公众号:xue-jiqiao
本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!