网页制作必懂的基础知识
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作必懂的基础知识（一）
近来这几天一直在学习网页制作的知识，颇有收获，分享大家，都是一些网页制作的必懂的基础知识。
1 html基础代码
<head></head><body></body><p></p><span></span><pre></pre>
<strong></strong>=<b></b><em></em>=<i></i>
<a></a>可以创建链接和瞄点。
<a href=”路径”target=”_blank”；—self></a>
<a href=”#名字”><a name=”名字”>
特殊标签：空格 大于号：>小于号：<版权号：©
引号："
滚动标签:<marquee></marquee> 属性有：滚动方向和滚动次数direction:left;right;up;down; loop
鼠标放上去停止滚动：onmouseover=this.stop()
鼠标离开继续滚动：onmouseover=this.start()
2图片的讲解<img src=”路径” />
图片的格式：jpg png gif
图片的要素：width height alt title src
图片的路径：相对路径和绝对路径
图片和文字的格式：
align=”left””right””bottom””middle””absmiddle”
3三种列表的讲解:列表可以嵌套
<ul type=”disc””circle””square”>
<li></li>
</ul>
<ol type=”A””a””1””i””I”>
<li></li>
</ol>
<dl>
<dt></dt>
<dd></dd>
</dl>
四表格和表单
表格：表格边框<border:2px solid red;>
<table>
<tr>
<td><td>
</tr>
</table>
表单：<form>
<input type=”text” name=””value=””/>
</form>
Type有：text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select
<textarea>可以设置宽度和高度，有一个属性readonly,rows和cols </textarea>
<select>
<option></option>
<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 type=”text”/> 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。