Microsoft PowerPoint - 02HTML

Size: px

Start display at page:

Download "Microsoft PowerPoint - 02HTML"

娴滑
5 years ago
Views:

1 Web 应用基础

2 HTML 经典结构 <html> <head> <title> </title> </head> <body> </body> </html>

3 HTML 元素 (Element) 属性 (Attribute) 属性值 (Value)

4 HTML 元素 (Element) 属性 (Attribute) 属性值 (Value) <element attribute="value"> </element>

5 HTML 公有属性专有属性

6 HTML 公有属性专有属性核心属性 i18n 属性事件属性

7 核心属性属性 id class style title 说明文档范围内惟一的 id 以空格分隔的类列表关联的样式信息标题信息

8 i18n 属性属性 lang dir ( ltr rtl ) 语言代码文字方向说明

9 事件属性属性 onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup 说明单击鼠标按钮双击鼠标按钮按下鼠标按钮释放鼠标按钮鼠标被移动到其上鼠标在某范围内移动鼠标从其上移出按下并释放一个键按下一个键释放一个键

10 文本 <html> <head> <title>example</title> </head> <body> <p>this is the first paragraph.</p> <p>this is the second paragraph.</p> <p>this is the third paragraph.</p> </body> </html>

11 文本 <html> <head> <title>example</title> </head> <body> <p>this is the first paragraph.</p> <p>this is the second paragraph.</p> <p>this is the third paragraph.</p> </body> </html>

12 标题 <html> <head> <title>example_heading</title> </head> <body> <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> </body> </html>

13 标题 <html> <head> <title>example_heading</title> </head> <body> <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> </body> </html>

14 换行 <html> <head> <title>example_br</title> </head> <body> <p>this line will not reach all the way <br> to the edge of the screen.</p> <p>this line will not reach all the way</p> <p>to the edge of the screen.</p> </body> </html>

15 换行 <html> <head> <title>example_br</title> </head> <body> <p>this line will not reach all the way <br> to the edge of the screen.</p> <p>this line will not reach all the way</p> <p>to the edge of the screen.</p> </body> </html>

16 水平线 <html> <head> <title>example_hr</title> </head> <body> <hr align="left" width="50%" size="1"> <hr align="left" width="50%" size="2"> <hr align="left" width="50%" size="4"> <hr align="left" width="50%" size="8"> <hr align="left" width="50%" size="16"> <hr align="left" width="50%" size="32"> <hr aligh= left width="50%" size="8" noshade> </body> </html>

17 水平线 <html> <head> <title>example_hr</title> </head> <body> <hr align="left" width="50%" size="1"> <hr align="left" width="50%" size="2"> <hr align="left" width="50%" size="4"> <hr align="left" width="50%" size="8"> <hr align="left" width="50%" size="16"> <hr align="left" width="50%" size="32"> <hr aligh= left width="50%" size="8" noshade> </body> </html>

18 空白 <html> <head> <title>example_pre</title> </head> <body> <p> This demonstrates how white space is handled.</p> <p>this demonstrates how white space is handled.</p> <br> <pre> This demonstrates how white space is handled.</pre> </body> </html>

19 空白 <html> <head> <title>example_pre</title> </head> <body> <p> This demonstrates how white space is handled.</p> <p>this demonstrates how white space is handled.</p> <br> <pre> This demonstrates how white space is handled.</pre> </body> </html>

20 网页创作工具文本编辑器 : 记事本, UltraEdit, vi, SimpleText HTML 编辑器 :Coffee Cup HTML Editor 所见即所得程序 :Macromedia Dreamweaver 字处理器 :Word

21 其它工具链接检查器代码验证器兼容性测试器

22 网站设计颜色文本风格导航内容运营

23 链接 <A href = " Yahoo! </A>

24 链接 <A href = " Yahoo! </A> <A href = "index.html"> Visit the Yahoo! Home page</a>

25 相对路径 ---Site ---aboutus ---index.html ---contactus.html ---employment ---index.html ---jobs.html ---services ---index.html ---photos.html 如何在 Jobs.html 页面链接到 Contact us 页面?

26 相对路径 ---Site ---aboutus ---index.html ---contactus.html ---employment ---index.html ---jobs.html ---services ---index.html ---photos.html <A href = "../aboutus/contactus.html">contact us</a>

27 内部链接 <html> <body> <A name="top"></a> Rest of page content goes here <A href="#top">back to Top</A> </body> </html>

28 内部链接 <html> <body> <A name="top"></a> Rest of page content goes here <A href="#top">back to Top</A> </body> </html>

29 其他链接类型链接类型 href 值范例代码电子邮件 FTP 下载文件 address.com ftp://sitename.com / filename.pdf <A href="mailto:name@ address. com" > Me!</A> <A href="mailto:name@ address. Com?Subject=Hello!&anothername@ address.com"> Me!</A> <A href="ftp://sitename.com/filename. pdf">download from FTP site</a> 新闻组 news:group.name <A href="news:alt.html">visit the HTML newsgrous</a> <A href="news: @news. com">view this news article</a>

30 BASE 元素 <html> <head> <title>my Web Page</title> <base href=" </head> <body> <A href ="/aboutus/index.html">about us</a> <A href ="/employment/jobs.html">jobs</a> <A href ="/Services/index.html">Services</A> </body> </html>

31 域名注册

32 域名注册

33 Web 服务器 Sun Solaris OS 使用 Netscape 或 Apache Linux 使用 Apache Windows NT 使用 Internet Information Server (IIS)

34 Web 服务器配置类型查询

35 选择 Web 空间提供商非虚拟主机虚拟 Web 主机专用服务器托管服务器

36 前 100 位免费 Web 空间服务列表

37 Linux: tracerout yahoo.com Dos: tracert yahoo.com

38 文本格式 <p>the word <I>italics</I> is italicized.</p> <p>the word <B>italics</B> is italicized.</p> <PRE>Preformatted text goes here.</pre> <p>we guarantee that CatMover <SUP>TM</SUP> will keep your doorway unblocked</p> <p>it was nice to get some good old H<SUB>2</SUB>O after so long in the desert.</p>

39 文本格式 <p>the word <I>italics</I> is italicized.</p> <p>the word <B>italics</B> is italicized.</p> <PRE>Preformatted text goes here.</pre> <p>we guarantee that CatMover <SUP>TM</SUP> will keep your doorway unblocked</p> <p>it was nice to get some good old H<SUB>2</SUB>O after so long in the desert.</p>

40 字体尺寸 <font size="1">font Size 1</font>

41 字体尺寸 <font size="1">font Size 1</font>

42 字体尺寸 <head> <basefont size="6"> </head> <font size="+1">text goes here.</font> <font size="-2">text goes here.</font>

43 字体 <font face="arial">changed text goes here.</font> <font face="arial, Helvetica, sans-serif">changed text goes here.</font> <head> <basefont face="arial, Helvetica, sans-serif"> </head>

44 字体颜色 <font color="red">changed text goes here.</font> <head> <basefont color="red"> </head> <font size="3" color="red" face="arial">changed text goes here.</font>

45 字体颜色 <font color="red">changed text goes here.</font> <head> <basefont color="red"> </head> <font size="3" color="red" face="arial">changed text goes here.</font>

46 文本对齐 <p align="right">changed text goes here.</p> <p align="left">changed text goes here.</p> <p align="center">changed text goes here.</p> <p align="justify">changed text goes here.</p> <blockquote>changed text goes here.</blockquote>

47 文本对齐 <p align="right">changed text goes here.</p> <p align="left">changed text goes here.</p> <p align="center">changed text goes here.</p> <p align="justify">changed text goes here.</p> <blockquote>changed text goes here.</blockquote>

48 特殊字符不间断空隔 & &

49 图像文件格式 GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics)

50 免费图像网站

51 图像 <img src="filename"> <img src="images/squash.jpg">

52 图像 <img src="filename"> <img src="images/squash.jpg">

53 图像 <img src="filename"> <img src="images/squash.jpg"> <img src="

54 图像 <img src="filename" width ="200" height= "234">

55 图像 <img src="filename" width ="200" height= "234">

56 图像 <img src="filename" width ="200" height= "234"> <img src="filename" width ="200" height= "234" vspace="20" hspace="20">

57 图像边框 <img src="images/berry.jpg" width="128" height="93" border="2">

58 图像边框 <img src="images/berry.jpg" width="128" height="93" border="2">

59 图像占位符 <img src="images/green.jpg" width="128" height="93" alt="picture of vegetables"> <img src="images/huge_file.jpg" width="128" height="93" lowsrc="images/small_version.jpg">

60 图像链接 <A href=" src= "Images/Fudan.jpg"></A> <A href="images/picture_large.jpg"><img src= "Images/Picture_Small.jpg"></A>

图像链接 <A href="http://www.fudan.edu.cn"><img src= "Images/Fudan.

61 图像链接 <A href=" src= "Images/Fudan.jpg"></A> <A href="images/picture_large.jpg"><img src= "Images/Picture_Small.jpg"></A>

62 图像对齐 <p> <img src="images/filename.jpg" align="top"> Your text goes here </p> <p> <img src="images/filename.jpg" align="left"> Your text goes here </p>

63 图像对齐 <p> <img src="images/filename.jpg" align="top"> Your text goes here </p> <p> <img src="images/filename.jpg" align="left"> Your text goes here </p>

64 图像对齐 aligh 属性值 absbottom absmiddle baseline bottom left middle right texttop top 说明绝对底部 : 使文本中下行字母的底部与图像的底部对齐绝对中间 : 使文本的中心和图像的中心对齐基线 : 使文本的基线与图像的底部处于同一水平线底部 : 同基线左 : 使图像脱离其原始位置并将其移动至左页边距中间 : 使文本的基线与图像的中心对齐右 : 使图像脱离其原始位置并将其移动至右页边距文本顶端 : 使图像的顶端与文本的顶端处于同一水平线顶端 : 同文本顶端

65 背景图片 <body background="images/apple_small.jpg"> Your content goes here... </body>

66 背景图片 <body background="images/apple_small.jpg"> Your content goes here... </body>

67 颜色 RGB 值 # 号后跟 6 位十六进制数字

68 颜色名称 Aqua( 浅绿色 ) Black( 黑色 ) Blue( 蓝色 ) Fuchsia( 紫红色 ) Gray( 灰色 ) Green( 绿色 ) Lime( 石灰 ) Maroon( 栗色 ) Navy( 海军蓝 ) Olive( 橄榄色 ) Purple( 紫色 ) Red( 红色 ) Silver( 银色 ) Teal( 水鸭色 ) White( 白色 ) Yellow( 黄色 ) 十六进制值 #00FFFF # #0000FF #FF00FF # # #00FF00 # # # # #FF0000 #C0C0C0 # #FFFFFF #FFFF00

69 颜色 RGB 值 # 号后跟 6 位十六进制数字 216 种 Web 安全色

70 颜色 RGB 值 # 号后跟 6 位十六进制数字 216 种 Web 安全色互补色对比色和调配色

71 颜色轮

72 图像编辑工具 Photoshop Fireworks Painter Paint Shop Pro

73 Web 拙劣设计大全

74 音频 <A href="music\classic.mp3"> Click here to listen to Music!<A> <embed src="music\classic.mp3" width="240" height="80" autostart="false" hidden="false" loop="2" volume="100"> <noembed> Sorry, your Web browser won't play this song. </noembed> </embed>

$音频 <A href="music\classic.mp3"> Click here to listen to Music!<A> <embed src="music\classic.$

75 音频 <A href="music\classic.mp3"> Click here to listen to Music!<A> <embed src="music\classic.mp3" width="240" height="80" autostart="false" hidden="false" loop="2" volume="100"> <noembed> Sorry, your Web browser won't play this song. </noembed> </embed>

76 视频 <embed src="movie\blood.wmv" width="384" height="288" autostart="flase" controller="false"> <noembed> Sorry, your Web browser won't play this movie. </noembed> </embed>

$视频 <embed src="movie\blood.$

77 视频 <embed src="movie\blood.wmv" width="384" height="288" autostart="flase" controller="false"> <noembed> Sorry, your Web browser won't play this movie. </noembed> </embed>

78 表格 <body> <table border="1 > <tr> <td>first Cell</td> <td>second Cell</td> </tr> <tr> <td>third Cell</td> <td>fourth Cell</td> </tr> </table> </body>

79 表格 <body> <table border="1 > <tr> <td>first Cell</td> <td>second Cell</td> </tr> <tr> <td>third Cell</td> <td>fourth Cell</td> </tr> </table> </body>

80 表格 <body> <table border="1 > <tr> <td>first Cell</td> <td>second Cell</td> </tr> <tr> <td>third Cell</td> <td>fourth Cell</td> </tr> </table> </body>

81 表格的宽度和高度 <table width="100%" height= "100%"> <table width="400" height= "250"> <table width="400" height= "75%">

82 表格单元格的宽度和高度 <table border="1"> <tr> <td width="33%">first Cell</td> <td>second Cell</td> </tr> <tr> <td height="100">third Cell</td> <td>fourth Cell</td> </tr> <tr> <td>fifth Cell</td> <td>sixth Cell</td> </tr> </table>

83 表格单元格的宽度和高度 <table border="1"> <tr> <td width="33%">first Cell</td> <td>second Cell</td> </tr> <tr> <td height="100">third Cell</td> <td>fourth Cell</td> </tr> <tr> <td>fifth Cell</td> <td>sixth Cell</td> </tr> </table>

84 表格的填充和间距 <table border="1" cellpadding="2">

85 表格的填充和间距 <table border="1" cellpadding="2"> <table border="1" cellspacing="5">

86 表格水平和垂直对齐水平对齐 aligh (left, center, right) 垂直对齐 valigh (top, middle, bottom, baseline)

87 表格跨越行和列 <td rowspan="2"> </td> <td colspan="3"> </td>

88 表格跨越行和列 <table border="1"> <tr> <td rowspan="2">pets</td> <td colspan="2" align="center">cats</td> <td colspan="2" align="center">dogs</td> </tr> <tr> <td>male</td> <td>female</td> <td>male</td> <td>female</td> </tr> <tr> <td rowspan="2"><p>measured<br>weight</p></td> <td>17</td> <td>12</td> <td>40</td> <td>35</td> </tr> <tr> <td>15</td> <td>16</td> <td>34</td> <td>27</td> </tr> </table>

表格跨越行和列 <table border="1"> <tr> <td rowspan="2">pets</td> <td colspan="2" align="center">cats</td> <td colspan="2" align="center">dogs</td> </tr> <tr> <td>male</td> <td>female</td> <td>male</td>

89 表格跨越行和列 <table border="1"> <tr> <td rowspan="2">pets</td> <td colspan="2" align="center">cats</td> <td colspan="2" align="center">dogs</td> </tr> <tr> <td>male</td> <td>female</td> <td>male</td> <td>female</td> </tr> <tr> <td rowspan="2"><p>measured<br>weight</p></td> <td>17</td> <td>12</td> <td>40</td> <td>35</td> </tr> <tr> <td>15</td> <td>16</td> <td>34</td> <td>27</td> </tr> </table>

90 电子杂志布局 <html> <head><title>creating a Newspaper Design</title></head> <body> <table width="100%"> <tr align="center" valign="top"> <td colspan="3">logo Goes Here</td> </tr> <tr valign="top"> <td width="50%">first article goes here.</td> <td bgcolor="black" width="1" height="100%"></td> <td width="50%">second article goes here.</td> </tr> <tr align="center" valign="middle"> <td colspan="3">links go here.</td> </tr> </body> </html>

91 电子杂志布局 <html> <head><title>creating a Newspaper Design</title></head> <body> <table width="100%"> <tr align="center" valign="top"> <td colspan="3">logo Goes Here</td> </tr> <tr valign="top"> <td width="50%">first article goes here.</td> <td bgcolor="black" width="1" height="100%"></td> <td width="50%">second article goes here.</td> </tr> <tr align="center" valign="middle"> <td colspan="3">links go here.</td> </tr> </body> </html>

92 表格用于表单 <form> <table> <tr> <td align="right">user Name:</td> <td align="left"><input type="text" name="username"></td> </tr> <tr> <td align="right">passwork:</td> <td aligh="left"><input type="password" name="pw"></td> </tr> <tr> <td></td> <td align="left"><input type="submit"></td> </tr> </table> </form>

93 表格用于表单 <form> <table> <tr> <td align="right">user Name:</td> <td align="left"><input type="text" name="username"></td> </tr> <tr> <td align="right">passwork:</td> <td aligh="left"><input type="password" name="pw"></td> </tr> <tr> <td></td> <td align="left"><input type="submit"></td> </tr> </table> </form>

94 框架

95 框架基本结构 <html> <head> <title>web Page Title</title> </head> <body> <p>this is the first paragraph.</p> <p>this is the second paragraph.</p> </body> </html>

96 框架基本结构 <html> <head> <title>web Page Title</title> </head> </html>

97 框架基本结构 <html> <head> <title>web Page Title</title> </head> <frameset rows="50%,50%"> <frame name="top" src="test.html"> <frame name="bottom" src="test.html"> </frameset> </html>

98 框架基本结构 <html> <head> <title>web Page Title</title> </head> <frameset rows="50%,50%"> <frame name="top" src="test.html"> <frame name="bottom" src="test.html"> </frameset> </html>

99 框架基本结构 <html> <head> <title>web Page Title</title> </head> <frameset cols="50%,50%"> <frame name="left" src="test.html"> <frame name="right" src="test.html"> </frameset> </html>

100 框架基本结构 <html> <head> <title>web Page Title</title> </head> <frameset cols="50%,50%"> <frame name="left" src="test.html"> <frame name="right" src="test.html"> </frameset> </html>

101 框架结构设置 <frameset rows="30%, *"> <frameset rows="200, *"> <frameset rows="*, 2*,*">

102 框架结构设置 <frameset rows="200, 824"> <frameset rows="200, *"> <frame noresize>

103 框架嵌套 <html> <head> <title>frames</title> </head> <frameset rows="150,*"> <frame name="logo" src="test.html"> <frameset cols="125,*"> <frame name="links" src="test.html"> <frame name="main" src="test.html"> </frameset> </frameset> </html>

104 框架嵌套 <html> <head> <title>frames</title> </head> <frameset rows="150,*"> <frame name="logo" src="test.html"> <frameset cols="125,*"> <frame name="links" src="test.html"> <frame name="main" src="test.html"> </frameset> </frameset> </html>

105 框架命名框架名 _self _top _blank _parent 功能在存储这个链接的框架中打开被链接的网页, 这与默认的链接行为一致在完整的浏览器窗口中打开被链接的网页, 消除所有的框架在浏览器的一个新实例中打开被链接的网页在上一级的框架和窗口中打开链接的网页

106 目标框架 <A href="url" target="framename">home</a>

107 框架边框 <frameset rows="200, *" border="5"> <frameset rows="200, *" frameborder="no"> <frameset rows="200, *" bordercolor="blue">

108 框架页边距和滚动条 <frame marginwidth="20" marginheight="20"> <frame scrolling="no">

109 框架注意事项考虑用户屏幕尺寸框架不能太多提供支持性导航

110 表单元素 <form> <input type="..." name="..."> </form> Type vale: text, checkbox, file, password, radio, reset, submit, hidden.

111 表单元素 <form> <input type="..." name="..."> </form> Type vale: text, checkbox, file, password, radio, reset, submit, hidden.

112 文本框 <input type="text" size="20"> <input type="text" size="20" maxlength="30"> <input type="text" size="3" name="number" value="1">

113 文本框 <input type="text" size="3" name="number" value="1" readonly> <input type="text" size="3" name="number" value="1" disabled>

114 文本框 <input type="text" size="3" name="number" value="1" readonly> <input type="text" size="3" name="number" value="1" disabled>

115 文本框 <input type="text" size="3" name="number" value="1" readonly> <input type="text" size="3" name="number" value="1" disabled> <input type="hidden" name="number" value="1">

116 Textarea <form> <textarea cols="20" rows="20" wrap ="virtual" > Your default context go here </textarea> </form> Wrap 值 off virtual physical 功能文本会显示在一行中, 直到用户按下 Enter 键. 如果行比文本区的宽度大的话, 文本会滚动文本会在当它到达文本区的边缘时自动换到下一行, 但当表单被提交时, 文本是作为一个长行发送的文本会在当它到达文本区的边缘时自动换到下一行, 并且当表单被提交时, 文本会以其被显示的状态被发送

117 Select <form> Please select where are you going to be?<br> <select name="region" size="3" multiple> <option value="soreg">south</option> <option value="noreg">north</option> <option value="eareg" selected>east</option> <option value="wereg">west/option> </form>

118 Select <form> Please select where are you going to be?<br> <select name="region" size="3" multiple> <option value="soreg">south</option> <option value="noreg">north</option> <option value="eareg" selected>east</option> <option value="wereg">west/option> </form>

119 Button <input type="button" name="dosomething" value="input element" onclick="javascript"> <button type="button"> <font face="arial" >BUTTON element!<font> </button> <button type="submit"> <font face="arial">send IT RIGHT <I><font color="#ff0000" NOW!</font></I></button></font> <button type="reset"> <img src="images\harry.jpg" width="75" height="20"> </button>

$<font> </button> <button type="submit"> <font face="arial">send IT RIGHT <I><font color="#ff0000" NOW!</font></I></button></font> <button type="reset"> <img src="images\harry.$

120 Button <input type="button" name="dosomething" value="input element" onclick="javascript"> <button type="button"> <font face="arial" >BUTTON element!<font> </button> <button type="submit"> <font face="arial">send IT RIGHT <I><font color="#ff0000" NOW!</font></I></button></font> <button type="reset"> <img src="images\harry.jpg" width="75" height="20"> </button>

121 导航条

122 纯文本导航

123 表格导航条

124 列表导航条 <UL> <LI> </LI> <LI> </LI> <LI> </LI> </UL> <OL> <LI> </LI> <LI> </LI> <LI> </LI> </OL>

125 列表导航条 <UL> <LI> </LI> <LI> </LI> <LI> </LI> </UL> <OL> <LI> </LI> <LI> </LI> <LI> </LI> </OL>

126 图形导航条

127 图形导航条 <A href="index.html" onmouseover="document.homebutton.src='home_rollover.gif'" onmouseout="document.homebutton.src='home.gif'"> <img src="home.gif" width="108" height="25" border="0" name="homebutton"> </A>

128 网站设计与维护确定内容网站结构和导航设计风格和配色测试站点保持更新网站推广

129 网站类型个人主页信息类组织类政治类商业类

130 调查上网人群的状况调查客观信息调查站点的访问者

131 确立目标集中到网站的特色和目标之上有意地保持过时的技术建立预算

132 推广网站搜索引擎 Lycos, WebCrawler, Google

133 推广网站搜索引擎 Lycos, WebCrawler, Google

134 搜索引擎的注册表单 All the web: AltaVista: addrul.altavista.com/addurl/new Ask Jeeves: ask.ineedhits.com/sitesubmit.asp Excite & WebCrawler: guaranteed_inclusion/teaser.aspx Google: Lycos: insite.lycos.com

135 搜索引擎主要关注标记 TITLE META ALT

136 TITLE <html> <head> <title> XYZ Company: where you will find the best handbag </title> </head> </html>

137 META <html> <head> <meta name="keywords" content="massachusetts Institute of Technology, MIT"> <meta name="description" content="mit is devoted to the advancement of knowledge and education of students in areas that contribute to or prosper in an environment of science and technology."> <title> MIT</title> </head> </html>

138 <html> <head> <title> MIT</title> <meta name="keywords" content="massachusetts Institute of Technology, MIT"> <meta name="description" content="mit is devoted to the advancement of knowledge and education of students in areas that contribute to or prosper in an environment of science and technology. "> </head> </html>

139 <html> <head> <title> MIT</title> <meta name="keywords" content="massachusetts Institute of Technology, MIT"> <meta name="description" content="mit is devoted to the advancement of knowledge and education of students in areas that contribute to or prosper in an environment of science and technology."> </head> </html>

<html> <head> <title> MIT</title> <meta name="keywords" content="massachusetts Institute of Technology, MIT"> <meta name="description" content="mit is devoted

140 <html> <head> <title> MIT</title> <meta name="keywords" content="massachusetts Institute of Technology, MIT"> <meta name="description" content="mit is devoted to the advancement of knowledge and education of students in areas that contribute to or prosper in an environment of science and technology."> </head> </html>

141 ALT <img src="picture.jpg" width="417" height="163" alt="the Alt tag is similar to the Description Meta tag and Title tags">

142 阻止搜索引擎 <html> <head> <title> This page will not be indexed by a Robot or Spider </title> <meta name="robots" content="noindex"> </head> </html>

143 阻止搜索引擎在站点的最顶层目录中使用 robots.txt 文件 User-agent: * Disallow: /

144 阻止搜索引擎允许任何 Spider 搜索整个站点 User-agent: * Disallow:

145 阻止搜索引擎标识出个别的目录不被搜索 : User-agent: * Disallow: /cgi-bin/ Disallow: /tem/ Disallow: /private/ Disallow: /finance/results

146 阻止搜索引擎将个别搜索引擎排斥在外 : User-agent: Lycos Disallow: /

147 阻止搜索引擎只允许个别搜索引擎 : User-agent: Lycos Disallow: User-agent: * Disallow: /

148 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All

149 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿

150 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿

151 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿电子邮件

152 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿电子邮件建立互惠链接

153 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿电子邮件建立互惠链接广告条

154 广告条资费保证每月 50 万次的广告露脸量搜索引擎 :2 万美元到 5 万美元关键字广告 :4 万美元到 7 万美元前 100 位网站 : 2 万 5 千美元到 10 万美元

155 推广网站搜索引擎 Lycos, WebCrawler, Google 使用 Web 目录 Yahoo, Free-For-All 发布新闻稿电子邮件建立互惠链接广告条传统媒体

156 Any Question?

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2

HTML A-1 HTML A-2 A-2 HTML A-8 A-3 A-14 A-4 A-26 A-5 A-30 A-6 A-42 A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ /