网页制作必懂的基础知识
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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