网页设计笔记.docx
《网页设计笔记.docx》由会员分享,可在线阅读,更多相关《网页设计笔记.docx(12页珍藏版)》请在冰豆网上搜索。
网页设计笔记
网页设计
第1章:
第2章:
HTML基础介绍
1.
游览器的窗口显示页面
1.
在源代码中是不区分大小的写;
注意:
1,那些有属性;2,那些是单个出现。
第3章:
文字和段落
1.
 
特殊标记符号:
<&It
---->
2.
被说明的文字
3.
4.
5.
6.
第4章:
列表
1.ulol
dirmenu都是用
定义和type属性dl
2.
第5章:
超级链接
Anchor
1.超链接名称
target属性:
-parent-blank-self-top
2.绝对路径:
http:
//202.38.218.16
相对路径:
href=“main.html”
href=“web/main.html”
href=“../main.html”
href=“../../main.html”
根路径:
3.
4.
5.联系我们
6.905648583@?
subject=你好”>
联系我们
链接的内容
联系我们
链接的内容下载
7.
map:
:
表示建立图像映射
arae:
定义图像映射中的区域
shape:
区域的形状,属性:
rectcirclepoly
coords:
区域的坐标,
第6章:
表格
1.
| | |
---|
| | |
| | | | | |
|
2.table的属性:
borderbordercolor
bordercolorlightbordercolordark
widthheight
bgcolorbackground
framerule
cellspacingcellpadding
align
3.
4.fame:
abovebelow
hsidevsiade
lhsrhs
bordervoid
5.rule:
allnone
colsrows
grouds
6.tr的属性:
alignvalign
bgcolorbordercolor
bordercolorlightbordercolordark
7.td的属性:
alignvalign
bgcolorbordercolor
bordercolorlightbordercolordark
borderbordercolor
widthheight
colspanrowspan
8.
第7章:
使用框架创建多页面布局
1.
a.<>里面的双引号
b.<>里面的豆号
border="12"frameborder=“0或者1”
:
marginheight=50
浮动框架的属性:
srcwidth
heightname
aligeframeborder
framespancingscrolling
noresizebordercolor
marginwidthmarginheigth
第8章:
表单
1.
name:
表单的名称
action:
动作属性
method:
方法属性
2.
input的属性:
typename
sizevalue
maxlengthcheck
type属性:
textsubmit
resetpassword
checkboxradio
imagehidden
file
3.
4.
5.
1.
第9章:
网页中多媒体应用
1.
img的属性:
src
widthheight
hspacevspace
align
border
alt
2.
behavior:
scrollslidealternate
directon:
leftrightupdown
bgcolor:
Width和height:
hspace和vspace:
loop:
scrollmount:
scrolldelay:
3.
width=“”height=“”type=“media-type”pluginspage=“plugin”>
4.
5.
6.
7.
8.
9.
10.
11.
第10章:
使用CSS格式化网页
1.样式表:
h1{color:
redbackground:
yellow}选择符和属性属性值
1、定义标记的style属性:
2、定义内部样式表:
--
*p1{“font-size=“18pxcolor=“red”}
-->
3、嵌入外部样式表:
@importurl(“外部样式表的文件名称”);
4、链接外部样式表:
2.font-familyfont-size
font-stylefont-weight
font-varianttext-decoration
3.text-indentletter-spacing
lineheighttext-align
text-transform
4.background-color
background-image
background-attachment
background-repeat
background-position
5.
第11章:
JavaScript基础
1.
functionshow()
{
alert("欢迎进入javascript学习");
}
2.//一个外部js文件代码,文件名为test.js
functionshow()
{
aiert();
}
3.document.write(“欢迎进入JavaScript”);
4.