Web前端开发技术讲稿.docxVIP

PAGE \* MERGEFORMAT18 第1章 Web前端开发技术综述 参考PPT讲课 例1-6-1 综合实例 第2章 HTML基础 1、什么是HTML？ HTML（Hypertext Markup Language，超文本标记语言），用于编写网页。用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本文件，用来告诉浏览器应该如何显示文字、图形、动画、声音、表格、链接等。 （打开一个网页，如： HYPERLINK ，鼠标右键单击，从快捷菜单中选择“查看源”命令，可以打开这个网页的HTML代码） 2、HTML文档结构 html head title假期结束了 /title /head body 开学了，第一天上课可真累呀，假期里我可是天天睡到中午的！ /body /html （在桌面上新建一个文本文件，复制以上代码，并另存为HTML文件。然后双击打开该网页文件） HTML的文件结构相当简单，其主体结构如下： html head /head body /body /html HTML文档由头部head和主体body两个部分组成。头部用于记录与网页相关的重要信息，如标题、关键字、样式等，头部信息不显示在网页上。主体部分则是在网页中显示的具体内容。 3、头部head HTML头部head标记主要包含页面标题标记、元信息标记、样式标记等。 （1）标题title标记 标题显示在浏览器的标题栏上 title页面标题/title （2）元信息meta标记 mta标记定义了与文档相关的“名称/值”对。 meta标签分两大部分：页面描述信息(name) 和HTTP标题信息(http-equiv)。name是描述网页的，以便于有哪些信誉好的足球投注网站引擎机器人查找、分类。http-equiv类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容 语法： meta name=”” content=”” meta http-equiv=”” content=”” 如： meta name=”keywords” content=” china,enterprise,business,net” / !--为有哪些信誉好的足球投注网站引擎提供关键字列表-- meta name=”author” content=”Tony,Tony@163.com” / !--标注网页的作者或制作组，可以是名字，或Email。-- meta name=”copyright” Content=”本页版权归网易学院所有。All Rights Reserved” / !--标注版权-- meta name=”generator” Content=”editplus” / !--标注网页编辑器-- meta name=”description” Content=”你网页的简述” / !--告诉有哪些信誉好的足球投注网站引擎你的网站主要内容。-- meta name=”robots” Content=”all|none|index|noindex|follow|nofollow” / !--用来告诉有哪些信誉好的足球投注网站机器人哪些页面需要索引，哪些页面不需要索引。-- all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询；(和 noindex, nofollow 起相同作用) index：文件将被检索；（让robot/spider登录） follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录) nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) meta http-equiv=”content-type” content=”text/html; charsetl=GB2312” / !--设定页面使用的字符集，浏览器会根据此来调用相应的字符集显示page内容。-- meta http-equiv=”refresh” content=” 30” / meta http-equiv=”refresh” content=” 30; url=” / !—设定网页的刷新时间，或在多长时间后让网页自动链接到其它网页。-- meta http-equiv=”expires” content=”0” / meta http-equiv=”expires” content=”Wed, 26 Feb 1997 08:21:57 GMT” / !--指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。-- （3）样式