网页制作必懂的基础知识

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页制作必懂的基础知识(一)

近来这几天一直在学习网页制作的知识,颇有收获,分享大家,都是一些网页制作的必懂的基础知识。

1 html基础代码

==

可以创建链接和瞄点。

特殊标签:空格 大于号:>小于号:<版权号:©

引号:"

滚动标签: 属性有:滚动方向和滚动次数direction:left;right;up;down; loop

鼠标放上去停止滚动:onmouseover=this.stop()

鼠标离开继续滚动:onmouseover=this.start()

2图片的讲解

图片的格式:jpg png gif

图片的要素:width height alt title src

图片的路径:相对路径和绝对路径

图片和文字的格式:

align=”left””right””bottom””middle””absmiddle”

3三种列表的讲解:列表可以嵌套

四表格和表单

表格:表格边框

表单:

Type有:text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select

五css基础知识:内链样式大于外部样式大于内部样式;标签调用Link rel=”stylesheet”type=”text/css”href=”路径”/* */ Css选择器:id选择器 class选择器(类选择器)包含选择器、群组选择器、子选择器和相邻兄弟选择器、标签选择器、a伪类选择器A有4个:访问过的连接:a:visited未访问过的连接:a:link鼠标放上去的样式:a:hover选定的连接a:active

去掉a的下划线是:text-decoration:none;

input:focus{color:red;}

六、背景:background:red;background:url{images/1.jpg}

图片定位:background-position:left;right;up; bottom;

图片平铺:background-repeat:no-repeat;repeat-x;repeat-y background-attachment:fixed; 固定,不随内容的滚动而滚动background-attachment:scroll; 滚动,随内容的滚动而滚动

七、盒子:padding、margin和边框

Padding:10px;上下左右

Padding:10px 10px;上下左右

Padding:10px 10px 10px;上左右下

Padding:10px 10px 10px 10px; 上下左右

Margin具有上下边距合并的功能。

Border:2px solid red;solid;dashed;dotted;double;

八、字体

字体颜色:color:red

字体大小:font-size

字体类型:font-family:”宋体”

字体的行高:line-height;

字体的水平位置:text-align:left;center;right.

字间距:letter-spacing

相关文档
最新文档