预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

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

如果您无法下载资料,请参考说明:

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

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

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

HTMLHTML文档的结构<HTML> <HEAD> 头部信息 </HEAD> <BODY> 正文部分 </BODY> </HTML>HTML标记设置<BODY>的属性HTML格式化字体设置标记 格式:<FONT>…</FONT> 功能:设置字体格式标记 属性:可用于设置字体的大小、颜色、字型等标题标记段落标记与预定义格式标记转义符号HTML格式化HTML格式化HTML格式化例:建立列表建立列表格式:<A>…</A> 功能:在当前页和其他页间建立超链接 属性:插入图像 标记:<IMG> 属性:表格的制作格式:<TABLE>…</TABLE> 功能:创建表格。 属性:决定表格的整体外观表<TABLE>属性值<TABLE>定义空表格,还需要定义行 格式:<TR>…</TR> 功能:定义表格的一行 主要属性:定制表格例: <HTML> <HEAD><TITLE>多层表格嵌套实例!</TITLE></HEAD> <BODY><DIValign="center"><CENTER> <!--第一个表格--> <TABLEborder="1"width="100%"> <TR><TDwidth="100%"> <Palign="center">跟我学网页制作</P> </TD></TR> <TR><TDwidth="100%"><DIValign="center"> <!--第二个表格--> <TABLEborder="1"width="100%"> <TR><TDwidth=“30%"rowspan="2"> <IMGsrc="ACE.GIF"width="147"height="133"> </TD><TDwidth=“70%"><Palign="center">基础知识简介</P></TD></TR> <TR><TDwidth=“70%"><divalign="center"> <!--第三个表格--> <TABLEborder="1"width="100%"> <TR><TDwidth="33%"align="center">第一讲</TD> <TDwidth="33%"align="center">HTML简介</TD></TR> <TR><TDwidth="33%"align="center">第二讲</TD> <TDwidth="33%"align="center">HTML标记</TD></TR> <TR><TDwidth="33%"align="center">第三讲</TD> <TDwidth="33%"align="center">CSS基础</TD></TR> </TABLE></DIV> </TD></TR><TR><TDwidth=“30%"><Palign="center">HTML最新课堂</P></TD> <TDwidth=“70%"><Palign="center">高级应用技术</P></TD> </TR> </TABLE></DIV> </TD></TR> <TR> <TDwidth="100%"><Palign="center">多层表格嵌套示例</P></TD> </TR> </TABLE></CENTER> </DIV></BODY></HTML>样式表CSSCSS概念 CSS是CascadingStyleSheets的缩写,中文的意思是层叠样式表或级联样式表。问题描述实现页面风格的统一控制通过HTML标记定义 <STYLEtype="text/css"> <!-- BODY{font-family:"隶书";font-size:20pt;color:orange} --> </STYLE> 使用class定义样式表 <STYLEtype="text/css"> <!-- .classstyle{font-family:"黑体"; font-size:14pt; color:blue} -->设置方式css语句格式如下: selector{property:value}(选择符{属性:值}) 选择符的作用:限制样式作用的范围 p{font-size:15}DIV和布局关于DIV实验