网页制作与程序设计Word文档格式.docx
- 文档编号:6526037
- 上传时间:2023-05-06
- 格式:DOCX
- 页数:20
- 大小:25.46KB
网页制作与程序设计Word文档格式.docx
《网页制作与程序设计Word文档格式.docx》由会员分享,可在线阅读,更多相关《网页制作与程序设计Word文档格式.docx(20页珍藏版)》请在冰点文库上搜索。
Createspreformattedtext
创建预格式化文本
h1>
/h1>
Createsthelargestheadline
创建最大的标题
h6>
/h6>
Createsthesmallestheadline
创建最小的标题
b>
/b>
Createsboldtext
创建粗体字
i>
/i>
Createsitalictext
创建斜体字
u>
/u>
Createsunderlinetext
创建下划线字
#<
tt>
/tt>
Createsteletype,ortypewriter-styletext
创建打字机风格的字体
cite>
/cite>
Createsacitation,usuallyitalic
创建一个引用,通常是斜体
em>
/em>
Emphasizesaword(withitalicorbold)
加重一个单词(通常是斜体加黑体)
strong>
/strong>
fontsize=?
/font>
Setssizeoffont,from1to7
设置字体大小,从1到7
fontface=?
Setsfaceoffont,separatedbycomma
设置字体名称,用逗号隔开,用引号引起
fontcolor=?
Setsfontcolor,usingnameorhexvalue
设置字体的颜色,使用名字或十六进制值
Links
链接
ahref="
URL"
/a>
Createsahyperlink
创建一个超链接
mailto:
EMAIL"
Createsamailtolink
创建一个自动发送电子邮件的链接
aname="
NAME"
Createsatargetlocationwithinadocument
创建一个位于文档内部的靶位
#NAME"
Linkstothattargetlocationfromelsewhereinthedocument
创建一个指向位于文档内部靶位的链接
Formatting
格式排版
p>
Createsanewparagraph
创建一个新的段落
palign=?
Alignsaparagraphtotheleft,right,orcenter
将段落按左、中、右对齐
br>
Insertsalinebreak
插入一个回车换行符
blockquote>
/blockquote>
Indentstextfrombothsides
从两边缩进文本
dl>
/dl>
Createsadefinitionlist
创建一个定义列表
dt>
Precedeseachdefinitionterm
放在每个定义术语词之前
dd>
Precedeseachdefinition
放在每个定义之前
ol>
/ol>
Createsanumberedlist
创建一个标有数字的列表
li>
Precedeseachlistitem,andaddsanumber
放在每个数字列表项之前,并加上一个数字
ul>
/ul>
Createsabulletedlist
创建一个标有圆点的列表
Precedeseachlistitem,andaddsthebullet
放在每个圆点列表项之前,并加上一个圆点
divclass=?
/div>
AgenerictagusedtoformatlargeblocksofHTML,alsousedforstylesheets
一个用来排版大块HTML段落的标记,也用于样式表
spanstyle=?
/span>
Agenerictagusedtoformatpartoftextinsideaparagraph,alsousedforstylesheets
一个用来排版段内部分文字的标记,也用于样式表
Graphicalelements
图形元素
imgsrc="
name"
Addsanimage
添加一个图像
align=?
Alignsanimage:
left,right,center;
bottom,top,middle
排列对齐一个图像:
左中右或上中下
border=?
Setssizeofborderaroundanimage
设置围绕一个图像的边框的大小
hr>
Insertsahorizontalrule
加入一条水平线
hrsize=?
Setssize(height)ofrule
设置水平线的大小(高度)
hrwidth=?
Setswidthofrule,inpercentageorabsolutevalue
设置水平线的宽度(百分比或绝对像素点)
hrnoshade>
Createsarulewithoutashadow
创建一个没有阴影的水平线
Tables
表格
table>
/table>
Createsatable
创建一个表格
tr>
/tr>
Setsoffeachrowinatable
开始表格中的每一行
td>
/td>
Setsoffeachcellinarow
开始一行中的每一个格子
th>
/th>
Setsoffthetableheader(anormalcellwithbold,centeredtext)
设置表格头:
一个通常使用黑体居中文字的格子
Tableattributes
表格属性
tableborder=#>
Setswidthofborderaroundtablecells
设置围绕表格的边框的宽度
tablecellspacing=#>
Setsamountofspacebetweentablecells
设置表格格子之间空间的大小
tablecellpadding=#>
Setsamountofspacebetweenacell'
sborderanditscontents
设置表格格子边框与其内部内容之间空间的大小
tablewidth=#or%>
Setswidthoftable-inpixelsorasapercentageofdocumentwidth
设置表格的宽度-用绝对像素值或文档总宽度的百分比
tralign=?
or<
tdalign=?
Setsalignmentforcell(s)(left,center,orright)
设置表格格子的水平对齐(左中右)
trvalign=?
tdvalign=?
Setsverticalalignmentforcell(s)(top,middle,orbottom)
设置表格格子的垂直对齐(上中下)
tdcolspan=#>
Setsnumberofcolumnsacellshouldspan(default=1)
设置一个表格格子应跨占的列数(缺省为1)
tdrowspan=#>
Setsnumberofrowsacellshouldspan(default=1)
设置一个表格格子应跨占的行数(缺省为1)
tdnowrap>
Preventsthelineswithinacellfrombeingbrokentofit
禁止表格格子内的内容自动断行回卷
#Frames
窗框
frameset>
/frameset>
Precedesthe<
taginaframesdocument;
canalsobenestedinotherframesets
放在一个窗框文档的<
标记之前,也可以嵌在其他窗框文档中
framesetrows="
value,value"
Definestherowswithinaframeset,usingnumberinpixels,orpercentageofwidth
定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
framesetcols="
Definesthecolumnswithinaframeset,usingnumberinpixels,orpercentageofwidth
定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
frame>
Definesasingleframe-orregion-withinaframeset
定义一个窗框内的单一窗或窗区域
noframes>
/noframes>
Defineswhatwillappearonbrowsersthatdon'
tsupportframes
定义在不支持窗框的浏览器中显示什么提示
#Framesattributes
窗框属性
framesrc="
SpecifieswhichHTMLdocumentshouldbedisplayed
规定窗框内显示什么HTML文档
framename="
Namestheframe,orregion,soitmaybetargetedbyotherframes
命名窗框或区域以便别的窗框可以指向它
framemarginwidth=#>
Definestheleftandrightmarginsfortheframe;
mustbeequaltoorgreaterthan1
定义窗框左右边缘的空白大小,必须大于等于1
framemarginheight=#>
Definesthetopandbottommarginsfortheframe;
定义窗框上下边缘的空白大小,必须大于等于1
framescrolling=VALUE>
Setswhethertheframehasascrollbar;
valuemayequal"
yes,"
"
no,"
or"
auto."
Thedefault,asinordinarydocuments,isauto.
设置窗框是否有滚动栏,其值可以是"
yes"
"
no"
auto"
,缺省时一般为"
framenoresize>
Preventstheuserfromresizingaframe
禁止用户调整一个窗框的大小
Forms
表单
Forfunctionalforms,you'
llhavetorunaCGIorJavaScriptscript.TheHTMLjustcreatestheappearanceofaform.
对于功能性的表单,一般需要运行一个CGI或JavaScript小程序,HTML仅仅是产生表单的表面样子。
form>
/form>
Createsaform
创建一个表单
selectname="
/select>
Createsapulldownmenu
创建一个下拉菜单
option>
Setsoffeachmenuitem
设置每个菜单项的内容
textareaname="
cols=40rows=8>
/textarea>
Createsatextboxarea.Columnssetthewidth;
rowssettheheight.
创建一个文本框区域,列的数目设置宽度,行的数目设置高度
inputtype="
checkbox"
name="
Createsacheckbox.Textfollowstag.
创建一个复选框,文字在标记后面
radio"
value="
x"
Createsaradiobutton.Textfollowstag
创建一个单选框,文字在标记后面
inputtype=textname="
foo"
size=20>
Createsaone-linetextarea.Sizesetslength,incharacters.
创建一个单行文本输入区域,size设置以字符计的宽度
button"
command"
Createsacommandbutton
创建一个命令按钮,上面显示的是命令名
submit"
CreatesaSubmitbutton
创建一个submit(提交)按钮
image"
border=0name="
src="
name.gif"
CreatesaSubmitbuttonusinganimage
创建一个使用图象的submit(提交)按钮
reset"
CreatesaResetbutton
创建一个reset(重置)按钮
selectmultiplename="
size=?
Createsascrollingmenu.Sizesetsthenumberofmenuitemsvisiblebeforeyouneedtoscroll.
创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
CSS基本属性
属性名称
属性含义
属性值
字体属性(font)
font-family
使用什么字体
所有的字体
font-style
字体是否斜体
normal、italic、oblique
#
font-variant
是否用小体大写
normal、small-caps
font-weight
字体的粗细
normal、bold、bolder、lighter等
font-size
字体的大小
absolute-size、relative-size、length、percentage等
[即:
绝对单位、相对单位、长度、百分比]
颜色和背景属性
color
定义前景色
颜色
background-color
定义背景色
background-image
定义背景图案
url(image_file)
background-repeat
重复方式
repeat、repeat-x、repeat-y、no-repeat
background-attachment
设置滚动
scroll、fixed
background-position
初始位置
percentage、length、top、left、right、bottom等
文本属性
word-spacing
单词之间的间距
normal<
length>
letter-spacing
字母之间的间距
同上
text-decoration
文字的装饰样式
none|underline|overline|line-through|blink
vertical-align
垂直方向的位置
baseline|sub|super|top|text-top|middle|bottom|text-bottom
text-transform
文本转换
capitalize|uppercase|lowercase|none
text-align
对齐方式
left|right|center|justify
text-indent
首行的缩进方式
|<
percentage>
line-height
文本的行高
normal|<
number>
边距属性
margin-top
顶端边距
length|percentage|auto
margin-right
右侧边距
margin-bottom
底端边距
margin-left
左侧边距
填充距属性
padding-top
顶端填充距
length|percentage
padding-right
右侧填充距
padding-bottom
底端填充距
padding-left
左侧填充距
边框属性
border-top-width
顶端边框宽度
thin|medium|thick|length
border-right-width
右侧边框宽度
border-bottom-width
底端边框宽度
border-left-width
左侧边框宽度
border-width
一次定义宽度
border-color
设置边框颜色
border-style
设置边框样式
none|dotted|dash|solid等
border-top
一次定义顶端
border-top-width|color等
border-right
一次定义右侧
border-bottom
一次定义底端
border-left
一次定义左侧
width
定义宽度属性
height
定义高度属性
length|auto
float
文字环绕
left|right|none
clear
哪一边环绕
left|right|none|both
分级属性
display
定义是否显示
block、inline、list-item、none
white-space
怎样处理空白
normal、pre、nowrap
list-style-type
加项目编号
disc、circle、square等
list-style-image
加图案
url>
|none
list-style-position
第二行起始位置
inside、outside
list-style
一次定义列表
keyword>
position>
鼠标(cursor)属性
自动
auto
定位“十”字
crosshair
默认指针
default
手形
hand
移动
move
箭头朝右方
e-resize
箭头朝右上方
ne-resize
箭头朝左上方
nw-resize
箭头朝上方
n-resize
箭头朝右下方
se-resize
箭头朝左下方
sw-resize
箭头朝下方
s-resize
箭头朝左方
w-resize
文本“i”形
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 程序设计