b标签:加粗显示和strong标签一样
区别:总结:<b>为了加粗而加粗,<strong>为了标明重点而加粗。
i标签:斜体显示和em、cite标签一样
区别:em是强调 cite是引用i是斜体 italic <i> 标签显示斜体文本效果。
u标签:表示一串字符显示下划线
sup和sub:
sup是上标,sup是下标
一般上标用来表示数学公式,下标用来表示化学公式
段落对其属性:align=对齐方式:right center left
不换行标记:nobr
换行:br
水平线:hr 并且水平线可以设置宽和高对齐方式和颜色等等
水平线去阴影:noshade
设置滚动文字:marquee
滚动方向:direction属性:up down left right
滚动方式:behavior 属性:
scroll:循环滚动,默认效果
slide:之滚动一次就停止
alternate:来回交替进行滚动
滚动速度属性:scrollamount 标记用于设置文字滚动的快慢 说明:滚动的速度实际上是设置滚动文字每次移动的长度,以像素为单位
滚动延迟属性--scrolldelay 用于设置滚动文字的时间间隔 单位为毫秒
滚动循环属性:loop 单位循环次数
滚动范围属性:
width宽 height高 以像素为单位
滚动背景颜色属性:
bgcolor 单位是颜色
滚动空间属性:---设置滚动文字周围的文字与滚动背景之间的空白空间 单位是像素范围
hspace :水平范围
vspace :垂直范围
img设置水平间距:hspace
img设置垂直间距:vspace
设置img的对齐方式:
bottom 把图像与底部都对齐
top 把图像与顶部对齐
middle 把图像与中央对齐
left 把图像与左边对齐
right 把图像与右边对齐
设置背景音乐:
bgsound
用法:src=“音乐地址” loop=“循环播放次数”
设置a标签中邮箱属性:
mailto=邮箱地址
相关属性:
cc 抄送收件人
subject 邮箱主题
bcc 暗送收件人
body 邮箱内容
<a href="mailto:电子邮箱地址?cc=电子邮箱地址?subject=电子邮箱主题?bcc=电子邮件地址?body=电子邮箱内容"/>
accesskey的连接可以设置(alt+键位)而指定的快捷点
定义鼠标敏感区元素(area)rect(矩形区域),circle(椭圆区域)和poly(多边形区域)
鼠标敏感区坐标:coords
矩形区域:需要四个坐标来实现:coords="x,y,z,n"
圆形区域:需要三个坐标来实现:coords="x,y,z"
多边形区域:定义一个多边形区域要使用和顶点数目相同的坐标组来实现:coords="x1,y1,x2,y2..."
单元格间距:cellspacing
单元格边距:cellpadding
表格的背景颜色:
bgcolor
设计表头的样式
thead
设计表主体样式tbody
form表单
动作属性:
action
form action=“表单的处理程序”
发送数据的方式属性method
form menthod=“传送方法”
传送方式有两种:
get:表单数据被传送给到action属性指定的URL,然后这个新URL被传送到处理程序上。
post:表单数据被包含在表单主体中,然后被送到处理程序上。
名臣属性name
form name="表单名称"
表单名称中不能包含特殊字符和空格
新增的主体结构元素:
article元素:
具有独立的 结构。为了定义这个结构,可以利用前面介绍的header和footer标签的丰富功能。他们不仅仅能够用在正文中也能够用在文档中
article表示插件:
他的作用是使插件看起来好像内嵌在页面中一样
hgroup元素
hgroup元素通常会将h1~h6进行分组
address元素
address元素通常位于文档的末尾,address元素用来在文档中呈现联系信息,包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等。address不只是用来呈现电子邮箱或真是地址这样的地址,而应该包扩与文档常见人相关的各类联系方式
css控制段落格式:
单词间隔:word-spacing
word-spacing:值
字符间隔:letter-spacing
letter-spacing:值
文字修饰:text-decoration
text-decoration:值
属性:none 默认 underline 对文字添加下划线 overline 对文字添加上划线 line-through 对文字添加删除线 blink 闪烁文字效果
文本转换:text-transform
text-transform:转换值
属性:none 表示使用原始值 lowercase 表示每个单词的第一个字母大写 uppercase 表示使每个单词的所有字母大写
capitalize 表示使每个字的所有字母小写
文本缩进:text-indent
text-indent:缩进值
缩进值可以是长度或者百分比
处理空白:white-space
white-space:值
取值:
normal:是默认值,即将连续的多个空格合并。
pre:会导致源代码中的额空格和换行符呗保留,但这一选项只有在internet Explorer6中才能正确显示
nowrap:强制在同一行内显示所有文本,直到文本结束或者遇到br标签。
pre-wrap:保留空白符序列,但是正常地进行换行。
pre-line:合并空白符序列,但是保留换行符。
inherit:规定应该从父元素继承white-space属性的值
滤镜
常见的滤镜属性:
Alpha 设置透明度
Blur 建立模糊效果
Chroma 把指定的颜色设置为透明
DropShadow 建立一种便宜的影像轮廓,即投射阴影
FlipH 水平反转
FlipV 垂直反转
Glow 为对象的外边界增加光效
Gray 降低图片的彩色度
Invert 将色彩,饱和度及亮度值完全反转建立底片效果
Ling 在一个对象上进行灯光投影
Mask 为一个对象建立透明膜
Shadow 建立一个对象的固体轮廓,即阴影效果
Wave 在X轴和Y轴方向利用正弦波纹打乱图片
Xray 只显示对象的轮廓
不透明度:alpha
语法:filter:alpha(参数1=参数值,参数2=参数值…)
参数值:
opacity 设置对象的不透明度,取值范围为0~100,默认值为0
finishopacity 可选项设置对像透明渐变的结束透明度。取值0~100
style 用于指定渐进的形状,其中0表示无渐进 1为直线渐进,2为圆形渐进,3为矩形渐进
startx 设置透明渐变开始点的垂直坐标
finishx 设置透明渐变街书店的水平座标
finishy 设置透明渐变街书店的垂直坐标
动感模糊:blur
语法:filter:blur(add=参数值,direction=参数值,strength=参数值)
参数值:
add 布尔值,设置滤镜是否激活,它可以取得值包括true和false
direction 用来设置模糊方向,按顺时针得方向以45°为单位进行累积
strength 只能使用整数来指定,代表有多小像素得宽度将受到影响,默认是5个
对颜色进行透明处理 chroma
filter:chroma(color=颜色代码或颜色关键字)
chroma滤镜用于将对象中指定的颜色显示为透明
参数color即为要透明的颜色
设置阴影DropShadow
dropShadow(color=阴影颜色,offx=参数值,offy=参数值,positive=参数值);
参数:
color 设置阴影的颜色
offx 用于设置阴影相对图像移动的水平距离
offy 用于设置阴影相对图像移动的垂直距离
positive 是一个布尔值(0或1),其中0指的是透明像素生成阴影,1指的是不透明像素生成阴影
对象的翻转
flipH滤镜用于设置沿水平方向翻转对象,flipV滤镜属性用于设置沿垂直方向翻转
灰度处理
gray
Gray可以把一副图片变成灰度图
filter:Gray;
反相invert
可以把对象的可视化属性全部翻转,包括色彩、亮度值和饱和度。
X光片效果xray
用于加亮对象的轮廓,呈现所谓得X光片
波形滤镜wave
用于为对象内容建立波浪效果。
基本语法:
filter:wave(add=参数值,freq=参数值,lightstrength=参数值,phase=参数值,strength=参数值)
add:是否要把对象按照波形样式打乱,其默认值是true
freq:设置滤镜建立的波浪数目
lightstrength:设置波纹增强光影效果,取值范围为0~100
phase:设置正弦波开始处的相位偏移
strength:设置对象为基准的在运动方向上的向外扩散距离
背景图片定位:
设置背景图片的水平位置:background-position(x)
设置背景图片的垂直位置:background-position(y)
设置盒子的定位的静态定位:(static)
HTML中可扩展的标签、属性和方法;
最新推荐文章于 2024-05-13 01:02:47 发布