网页平面设计 HTML

网页平面设计HTML基础

1、网页的基本元素：文字、图像、超链接

2、HTML的基本机构head、title、body三部分

　　<html>

　　　　<head>

　　　　</head>

　　　　<body>

　　　　正文

　　　　</body>

　　</html>

3、常用标记/属性

　　<br/>换行标记　　<hr size width align color/>横线标记

　　<h1>标题</h1>........<h6></h6>标题大小，1最大，6最小

　　<pre>预定格式标记，打成什么样，浏览器里显示就什么样</pre>

　　&lt 表示 <　　　　&gt 表示 >　　　　&amp 表示 &　　　　&quot 表示 "

　　  表示空格　　　　&copy 表示 ©　　　　&reg 表示 ® 　　

　　&times 表示 ×　　　　&divide 表示 ÷　　

　　无序列表<ul>

　　　　　　</ul>

　　有序列表<ol>

　　　　　　</ol>

　自定义列表<dl>

　　　　　　</dl>　　

　　列表可以嵌套使用，但是不能嵌套在<p>标签里

　　去除下划线：a{text-decoration:none;}　　

　　超级链接 1绝对位置：一定要用上协议 http：//

　　　　　　 2相对位置同 <img src="url"/>

　　<table>表格属性：border表格边框 width表格宽度 height表格高度 cellspacing表格各单元格之间距离（外边距）可以用表格背景色与单元格背景色差集做边框 cellpadding单元格内部与文本之间的间距（内边距） align表格在网页中的对齐方式 caption标题 bordercolor表格边框颜色 bordercolorlight表格亮面颜色

　　　　　　<table> 　　　　　　

　　　　　　　　　　<tr>　　　　　　

　　　　　　　　　　</tr>

　　　　　　　　</thead>

　　　　　　　　　　<tr>　　

　　　　　　　　　　</tr>

　　　　　　　　</tbody>

　　　　　　　　　　 <tr>

　　　　　　　　　　</tr>

　　　　　　　　</tfoot>

　　　　　　</table>

　　form表单标签属性 Name：表单名称 Method：提交方法 get（可以看到数据）post（不能看数据） Action="*.asp"表单处理程序　　

　　<input type=“#” name=“” value=“”> name用来标识<input>标签名称 value是<input>提交到服务器上的值

　 #有以下类型 1）text 文本框　 2）password密码框 3）radio单选，要用name属性编组　 4）checkbox复选框，用name编组 5）submit提交按钮　 6）reset 重置按钮 7）hidden隐藏数据 8）file上传文件 9）image图片　10）button按钮

　　去除谷歌浏览器默认边框 outline：none

　　表单里的下拉列表　 <select name="">

　　　　　　　　　　　　　　...

　　　　　　　　　　　　</select>

4、笔记

　　1做项目把图片统一放在一个文件夹里images

　　2引入图片的2种方式

　　　　绝对路径 D:/demo/images/123.gif　（最好不要用）

　　　　相对路径 ./images/1.gif　　一个点表示同级目录

　　　　　　　　../demo/images/2.jpg　　两个点表示上一级目录，三个点表示上上级目录，以此类推

　　3网络常用图片格式　　

　　　　gif 以256种像素组成，支持透明，支持动画，体积小　　

　　　　jpg 以百万像素组成，品质较高，不支持动画、透明

　　　　png fireworks的源格式　　png8支持透明，png34、png32不支持透明

　　4<body>背景图片在背景颜色上层，图片透明则能看到bgcolor

秒客网

网页平面设计 HTML

相关文章