预览加载中，请您耐心等待几秒...

网页设计与制作讲PPT课件.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共44页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第3章HTML简介HTML语言的基本概念和基本结构HTML文件的基本结构HTML文件的编写方法 ——手工直接编写用记事本编写的HTML文档的例子HTML文件的编写方法 ——使用可视化软件编写HTML文件的编写方法 ——使用可视化软件编写HTML语言基本语法HTML文档中的基本结构标记HTML文档中的主体标记设置页面文字颜色 <BODYTEXT=#FFFFFF> 2.设置页面背景颜色 <BODYBGCOLOR=#FFFFFF> 3.利用平铺图像作背景 <BODYBACKGROUND=“图象文件名”> <BODYTEXT=#FFFFFF> <BODYBGCOLOR=#FFFFFF> #FF0000红色#FF00FF紫色 #00FF00绿色#00FFFF青色 #0000FF兰色#FFFF00黄色 注：每两位的取值是从00-FF，前两位为红色的深浅， 中间两位是绿色的深浅，最后两位是蓝色的深浅。<Body>输入普通文字</Body> <Comment>,<!……>输入注释语句 <Hn></Hn>标题标记 n的取值1~6 <Font></Font>字体标记<!—文件范例：HTML中的文字.HTM> <html> <head> <title>主体区段中的标题字显示效果</title> </head> <body> 网页中的文字 <COMMENT>标题字H1-H6</COMMENT> <H1>网页制作与发布</H1> <H2>网页制作与发布</H2> <H3>网页制作与发布</H3> <H4>网页制作与发布</H4> <H5>网页制作与发布</H5> <H6>网页制作与发布</H6> </body> </html>文字修饰标记 <B></B>粗体字 <I></I>斜体字 <TT></TT>仿古形式 <U></U>加下划线 <BIG></BIG>大字体 <SMALL></SMALL>小字体 <S></S>加贯穿线 <ADDRESS></ADDRESS>地址文字标记定义字符大小<marquee>滚动字</marquee>HTML文档中的滚动字示例上下滚动显示字.html<P></P>段落标记 <PRE></PRE>预格式化标记 <BR>断行标记 <HR>插入水平线标记 <CENTER></CENTER>文本对中标记<HRSIZE=nWIDTH=n%ALIGN=...>在网页中加入列表在网页中加入列表有序列表的类型属性和起始属性<ULType=circle>…...</UL>例：HTML列表源文档定义式列表<dl> <dt>名词一…</dt> <dd> 解释一… </dd> <dt>名词二…</dt> <dd> 解释二… </dd> …… </dl>定义式列表的HTML源文件HTML的 表格标记表格标记与属性<html> <head> <title>使用表格<title> </head> <body> <tableborder=2> <tr><th>用户名</th><td>&nbsp</td></tr> <tr><th>密码</th><td>>&nbsp</td></tr> </table> </body> </html>BORDER---用来设置边框的立体高度,缺省值为1， 显示或隐藏表格线。 Cellspacing---设置表格线的宽度。 Cellpadding---分隔数据与上下左右线条之间的距离。 Width---自动调整表格宽度。（以点或%） align---调整表格水平位置（leftcenterright)Border属性示例定义每一行的数据定义每一列的数据定义表格的标题表格示例使用表格编排网页版面<tablewidth="30%"align=center> <tr> <td><imgsrc="80.GIF"width="34"height="25"></td> <td><b>回到首页</b></td> </tr> <tr> <td><imgsrc="80.GIF"width="34"height="25"></td> <td><b>我的像册</b></td> </tr> <tr> <td><imgsrc="80.GIF"width="34"height="25"></td> <td><b>我的文集</b></td> </tr> …… </table>使用表格拼图<html> <head> <title>使用表格编排网页版面</title> </head> <body> <tablewidth="30%"align=centerCellspacing=0Cellpadding=0> <tr> <td><imgsrc="wei1.jpg"></td> <td><imgsrc="wei2.jpg"></td> </tr> <