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

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

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

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

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

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

第2章HTML网页设计2.1HTML概述 2.2HTML常用标记 2.3HTML表格标记 2.4HTML框架标记 2.5HTML表单标记 2.6HTML其他标记 2.7HTML文档样式2.1HTML概述2.1.2HTML文档基本架构 <html> <head> <title> 网页标题 </title> </head> <body> <p>这是正文部分!</p> </body> </html> 说明: l<html>元素是HTML文档的最高层元素,原则上用它来指出HTML文档的开始与结束。 l<head>元素用来标识网页的头部, l<title>元素用来指定浏览器所要显示的标题文字。 l<body>元素用来标识HTML文档的主体部分。 2.1.3一个简单HTML文档 1.创建一个简单的HTML文档 2.简单的HTML文档的执行结果 2.2HTML常用标记2.2.2主体标记1.<BODY>标记的属性及其说明 2.2.3段落标记各种段落标记的用法示例: 1.<html><head><title>段落标记范例</title></head> 2. <body> 3. <h1align="center">欢迎光临</h1><hr> 4. <center> 5. 本站备有各种图书和音像制品,<br> 6. 价格公道,童叟无欺,欢迎选购! 7. </center><hr> 8. <h3style="color:magenta">商品信息:</h3> 9. <blockquote>本站图书品种繁多,适合各界读者,每天都有特价图书, 10. 并有各种精美礼品相送。请大家告诉大家! 11. </blockquote> 12. </body></html>2.2.4文字格式标记标记 2.2.5特殊字符标记2.2.6列表标记2.2.7图像标记2.2.8超链接标记2.3HTML表格标记2.表格定义格式 <TABLEalign=对齐方式bgcolor=表格背景颜色background=表格背景图像width=表格宽度height=表格高度border=边框粗细bordercolor=边框颜色cellspacing=单元格间距cellpadding=单元格边距><TR><TH>…</TH><TH>…</TH>……</TR><TR><TD>…</TD><TD>…</TD>……</TR><TR><TD>…</TD><TD>…</TD>……</TR>……</TABLE> 3.表格应用示例 2.4HTML框架标记2.框架定义格式 <FRAMESETcols=框架列数及各列宽度rows=框架行数及各行高度bordercolor=边框颜色frameborder=框架边框framespacing=框架间距><FRAMEname=框架名称target=目标框架scr=URLborder=边框宽度bordercolor=边框颜色><FRAME……>……</FRAMESET> 3.框架应用示例 2.5HTML表单标记2.5.2常用表单域标记2.<SELECT>标记 格式: <SELECTname=表单域名称size=大小multiple=可选多少项><OPTION>文字</OPTION><OPTION>文字</OPTION>……</SELECT> 3.<TEXTAREA>标记 格式: <TEXTAREAname=表单域名称rows=行数cols=列数value=字符串></TEXTAREA> 2.6HTML其他标记2.6.2层标记2.6.3嵌入多媒体信息标记2.7HTML文档样式2.7.1在文档头部定义样式属性 2.7.2为单个元素定义样式2.7.3使用级联样式表CSS