Html语法大全4文档格式.docx
《Html语法大全4文档格式.docx》由会员分享,可在线阅读,更多相关《Html语法大全4文档格式.docx(16页珍藏版)》请在冰豆网上搜索。
浏览是效果和编写是效果格式一样
列表分为
1无序列表又称符号列表
ultype="
type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
li>
/li>
/ul>
2有序列表
oltype="
start"
/ol>
type的值是编号字符可选的有1...,a...,A...,i...,I...
start为起始值例:
如果start为3是那么将从3开始,而且必须是数字。
3定义列表
dl>
定义列表标记
dt>
标示定义条目
dd>
标示定义内容
/dt>
文字内容<
/dd>
/dl>
连接和图像
ahref="
url"
name="
target="
title="
....<
/a>
属性:
href连接目标值可以是url地址也可以是连接锚点
...<
或者
锚点"
name连接名称
aname="
锚点名称"
abcdcf"
连接到该锚点的连接则应是:
#abcdef"
target目标窗口
_blank|_self|_farent|_top|windowname"
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
打开狂人部落的首页"
狂人部落<
图像<
img>
imgsrc="
alt="
width="
height="
border="
align="
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
align"
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
文字的排版
不换行空白标记
font元素
fontface="
字体名称"
size="
字体大小"
color="
字体颜色"
字体大小可选值为1——7,默认为3
〈fontface="
黑体"
4"
#ff00ff"
/font>
水平线<
hr>
hrwidth="
宽度"
对齐方式默认居中center"
水平线厚度默认为2"
颜色"
noshade>
noshade无阴影,既实线
层〈div>
span>
两种元素
div>
是块级元素,和段落元素<
相似,不同的是两个<
元素之间不会产生两个<
元素之间的空行,
是行内元素,可以定义段落中部分文字的属性
divalign="
style="
/div>
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
兼容性比<
要好一点,最好使用<
表格
tablewidth="
bgcolor="
background="
cellspacing="
cellpadding="
tr>
td>
/td>
/tr>
/table>
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
tralign="
align属性对齐方式可选值如下:
left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
tdwidth="
高度"
水平对齐方式"
valign="
垂直对齐方式"
rowspan="
单元格的行跨度"
colapan="
单元格的列跨度"
.....<
align属性的可选值有:
left,center,right
valign属性的可选值有:
top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
框架
frameset>
/framset>
框架组标记
frame>
/frame>
框架标记
/franeset>
/frameset>
元素(双标签)
framesetcols="
rows="
frameborder="
framespacing="
.......
cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。
cols="
30,*,50%"
可以切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。
rows就是横向切割,将窗口上下分开,数值设置同上。
以上两属性尽量不要在同一个<
标记中,因为王井(netscape)不支持,尽量采用多重分割。
frameborder设置框架的边框,其值有0不要边框,1要边框。
border设置框架边框厚度
framespacing表示框架与框架间保留空白的距离
frame元素(单标签)
framename="
src="
scrolling="
yes/no"
noresize>
name框架名称,指定框架来做连接的目标窗口。
src框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。
scrolling是否显示滚动条,yes/no,auto是自动。
noresize设置不让使用者改变这个框架的大小,
noframe元素
指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
noframe>
......
/noframe>
表单<
form>
/form>
formaction="
method="
get/post"
....
inputtype=submit>
inputtype=reset>
method有两种提交方式get,post
action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="
mailto:
lwr8494@"
这样此表单所填的资料将会发送到这个邮箱地址。
method是指传送信息给cgi等网络程序的方式。
可选post方法,get方法,post方法容许传送大量信息。
get方法只接受低于1k的信息。
申请表单用的是post搜索引擎用的是get
input元素
inputtype="
type属性的可选值有:
text单行文本框
name文本框名称
value文本框的初始值
size文本框的长度
maxlength可输入字符串最大的长度
radio单选框
name单选框名称
value内部值
checked默认选定
checkbox复选框
name复选框名称
reset重置按钮
submit确定按钮
name按钮名称
value显示在按钮上的文字
password密码框
属性与文本框的属性完全相同
file文件域
name文件域名称
size文件域的长度
maxlength文件域可接受的字符数量的上限
hidden隐藏域
name隐藏域名称
value内定值
image图片域
name所要代表的按钮,可以是submit,reset,或其他.
src按钮图片的url地址
列表框<
select>
.....
option>
/option>
/select>
select元素
selectname="
multiple>
name指定列表框的名字
size指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
optionvalue="
selected>
value该列表项的值
selected如果设定了这个参数,默认为选定这一项
多行文本框<
textarea>
textareaname="
cols="
wrap="
off/physical/virtual"
/textarea>
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
css层叠样式表
引入层叠样式表的方法包括:
1,外联式样式表
2,内嵌样式表
3,元素内定
4,导入样式表
外联式样式表
head>
linkrel="
stylesheet"
href="
/css/default.css"
/head>
/html>
rel用来说明<
link>
元素在这里要完成的任务是连接一个独立的css文件。
而href属性给出了所要连接css文件的url地址
内嵌式样式表:
html>
styletype="
text/css"
!
--
td{font:
9pt;
color:
red}
.font105{font:
10.5pt;
blue}
-->
/style>
元素内定
格式:
pstyle="
font-size:
10.5pt"
导入式样式表
〈html>
@importurl(css/home.css);
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
css结构
td{font-size:
#666666}
css样式包含两个基础部分,
选择符<
和声明{font-size:
声明也有两部分组成:
属性font-size,color和值10.5pt,#666666
选择符分为6种
1元素选择符
当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:
td,p,li,input,select{font-size:
12px;
}
2class(类)选择符
〈head>
title>
/title>
.red{font-size:
#ff0000}
bodybgcolor="
#ffffff"
pclass="
red"
士大夫井冈山地方官<
九连环离开计划<
还有一种方法就是限定可以应用它的页面元素
h1.red{color:
h1class="
/h1>
3id选择符
与class选择附类似,只是把'
.'
换成'
#'
#select{font-size:
18px;
#0000ff}
250"
1"
50"
tdalign="
center"
id="
select"
id选择符<
我们看到在调用ID选择附时与CLASS选择附类似,只是将class="
换成了id="
,方便页面脚本语言的调用
4关联选择符
tdp{font-size:
关联选择符<
我们设定了在元素中<
的元素<
所包含文字的样式,只有在两个条件都满足是,样式在会起作用,
5伪类选择符
是只能用在css选择符里,而不能用在html代码中的选择符
a:
link{color:
#000000}
visited{color:
#cccccc}
hover{color:
active{color:
#ooooff}
#"
〈/body>
正确的顺序是a:
link\a:
visited\a:
hover否则会引起页面上连接颜色混乱
6伪元素选择符
与伪类选择符定义类似,目前被大多数浏览器支持的有两个:
首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
首行
style>
p:
first-line{color:
red;
20pt}
/hesd>
dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...<
长度随浏览器窗口大小而改变
首字
first-letter{color:
50pt;
float:
left;
以上两种都只能应用于块状元素上
css规则
一继承
12pt}
p{color:
300"
150"
css规则<
为最高级<
次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,
二组合
例:
p1{font-size:
组合后
td,.p1{font-size:
三层叠
在样式里定义过后,在表格属性中又定义一次
red{color:
#ff0000limportant}
#0000ff"
class="
决撒地方官<
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颜色单位
4url单位
标记,属性名称,简介
●跑马灯
marquee>
/marquee>
普通卷动
marqueebehavior=slide>
滑动
marqueebehavior=scroll>
预设卷动
marqueebehavior=alternate>
来回卷动
marqueedirection=down>
向下卷动
marqueedirection=up>
向上卷动
marqueedirection=right>
向右卷动
marqueedirection=left>
向左卷动
marqueeloop=2>
卷动次数
marqueewidth=180>
设定宽度
marqueeheight=30>
设定高度
marqueebgcolor=FF0000>
设定背景颜色
marqueescrollamount=30>
设定卷动距离
marqueescrolldelay=300>
设定卷动时间
●字体效果
h1>
标题字(最大)