预览加载中,请您耐心等待几秒...
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实验