1、达内HTML资料HTMLHyper Text Makeup Laguage超文本标记语言HTML可以在编辑上设置数据的显示信息, 但是txt文本文件不一样(文字+图片+视频+链接.)浏览器根据标示显示语言专注于web上传递信息是写给浏览器的语言不是汇编语言是用来设计网页的标记语言html是一个扩展性非常强的语言，可以搭载css js等脚本语言功能实现功能HTTP 是网络传输协议HTML是网络传输的内容HTML is a meta documentMeta 元数据-在txt文本上显示数据, 但是在HTML上显示定义了字体的颜色,但不是保存在文档数据, 而是描述真实数据的显示方式的元数据HTML
2、is transferred by HTTP protocol What is 超 ? 标记(标签或元素的形式)内容文字位于尖括号内可以有属性值属性值必须用 或者 不写也可以解析, 但是不推荐又开始必须有结束 首尾一致不区分大小写(推荐用小写)标签不能嵌套 Web浏览器主要功能：代理访问者提交请求作为HTML解释器和内嵌脚本程序执行器(html文档只是数据+元数据的代码片段，因为web浏览器可以于解释HTML文档，所以必须依靠浏览器才可以代理用户提交数据)用图形化的方式显示HTML文档 (针对于网页图形界面的绘制, 浏览器解析html文档中所有的标示，从而达到图形界面绘制的实现)封闭性标示和非
3、封闭性标示的区别是什么?非封闭性表示必须成对出现属性的声明必须位于开始标记里一个标示的属性可能不止一个，多个属性之间用空格隔开不需要结束标记不能包含内容可以设置属性元素?被尖括号之间的部分都称作元素属性?用来修饰元素，每个属性都有值，属性放在标示中1. 为了保证兼容性，一般使用过渡性常用标签头部标题栏文字将显示在浏览器标题栏:用于设置一些头信息元素元素用于定义全局信息所有其他头元素的容器紧跟在起始标签之后可包含TitleMetaScriptStyleLink等头元素用于定义文档标题标题元素的内容出现在浏览器顶部没有属性必须出现在元素中一个文档只能有一个标题元素中头元素用于定义网页的基本信息 空
4、标记段落元素提供了结构化的文本的一种方式元素中的文本会用单独的段落显示与前后的文本都换行分开添加一段额外的垂直空白距离，作为段落间距常用属性: align换行元素手动换行分区元素和分区元素用于元素分组，常用于页面布局块分区元素:行内分区元素:-设置同一行文字内的不同格式行内元素和块级元素块级元素默认情况下，块级元素会独占一行，即元素前后都会自动换行行级元素出现在句子中htttp-equiv 指明下面要设置的属性content 指明该属性所要设置的内容在3秒钟之后要刷新当前页面，刷新之后指向的网址如果对refresh属性不填充任何内容信息的话，页面每隔三秒钟(不跳转) 刷新一次Content-t
5、ype 是发送消息头告知浏览器解释当前页面编辑的格式Keywords是专门写给浏览器看的 设置关键字以及关键字的内容 今后如果在浏览器上打上beauty就会自动搜索设置的跳转的网页对当前网页的描述不要对网页进行缓存Expires 过期 告知浏览器0秒就过期了，也就相当于无法进行缓存不要在我们的代理服务器上进行缓存指定文件是由什么软件生成的指定作者是谁指定版权声明 指定没有我的允许不能使用该网页 浏览网页的用户将不能对该网页进行保存到本地定义Css格式用于定义脚本 Noshade没有阴影Color设置颜色Width 设置宽度Size 大小Align=left 左对齐标题字体的大小按照标题级别用黑
6、体字显示标题内容自动插入空行最大最小字体设置.Face定义字体类型/ 宋体 微软雅黑Size 1 2 3 4 5 6 7Color通常可以使用预定义的名字，也可以使用数字通常是打字机风格的字体通常是引用方式(斜体)强调(通常是斜体加粗)通常改变字体用到的是CSS 而不是font标签 斜体黑体下划线中划线闪烁效果上标下标特殊字符< ® 注册商标& 空格© copyright™ 商标TM" 文字的布局 分段落显示分块显示符号列表数字列表换行不换行保留原有格式跑马灯效果黑体引用其中url必须和li结合在一起使用type=circle
7、显示实心圆type=square 显示空心圆如果中间的内容足够多了，系统会自动换行，但是如果添加再长的文字也不会换行对齐取值： left right center top middle bottom图片的显示Src 图片路径一般使用相对路径Alt 图片无法显示时显示的文字Border边框的宽度Align=left right top middle bottom图文混在一起时，用于对图片的对齐Bgsound是音频标签特点: 不能写入body里, 只能写入head, 有src属性 可以指定属性文件 针对于flash格式的视频文件，虽然在超文本标记语言有所对应的标签, 但是在浏览器上无法显示，因为f
8、lash并不是浏览器所要提供的功能.在pluginspage元素中，如果给定一个下载插件的链接地址的话，浏览器在没有实现flash功能的前提下，会自动跳转到给定地址，下载插件标签经常被使用于播放影音文件，比较常用。特点: 通用性好，但是必须和javascript配合使用总复习标记语法：-HTML用于描述功能的符号称为标记 比如等-标记在使用时必须使用尖括号括起来，有些标记还必须成对出现标记会导致不同的显示效果封闭类型标记-内容-内容这是标题段落1封闭类型必须成对出现如果一个应该被封闭在段落里的没有被封闭，则产生意料不到的错误属性的声明必须位于开始标记里一个标记可能不只有一个属性，多个属性之间用
9、逗号间隔非封闭类型标记，也叫做空标记不需要结束标记不能包含内容可以设置属性属性和元素元素每一对尖括号包围的部分,如包围的部分就叫做body元素属性-用来修饰元素-每个属性都有值-属性都必须放在开始标记中段落开始标记和结束标记Center 属性整体就叫做body元素Html页面文件头文档主体部分版本信息-文件头文件主体在文档的起始启用版本信息声明指定的版本和风格-为了让浏览器清楚文档的版本，类型和风格用于为页面定义全局信息里面可以跟所有其他元素的信息紧跟在起始元素之后可包含-title-meta-Script-style-link等头元素-标题元素用于为文档定义标题-标题元素的内容出现在浏览器顶
10、部-没有属性-必须出现在元素中-一个文档只能有一个标题元素我的第一个HTML页面 头元素-元数据元素用于定义网页的基本信息-为空标记-常用属性:content http-equiv我的第一个HTML页面文本标记的作用文本是网页上的基本成分直接书写的文本会用浏览器默认的样式显示包含在标记中的文本则会被显示为标记所有的样式-特殊字符-注释-标题元素-段落元素-换行元素-分区元素文本与特殊字符空格折叠-多个空格或制表符压缩成单个空格，即只显示一个空格-特殊字符（即空格），可以使用转义字符，也称作字符实体The <p>element. &cop
11、y;2011 by tarena标题元素标题元素往往用于文章段落的标题按照字体的大小 1 2 3 4 5 6 段落元素元素提供了结构化文本的一种方式元素中的文本会用单独的段落显示- 前后的文本都换行分开- 添加一段额外的垂直空白距离，作为段落间距-常用属性: align换行元素使用元素在任何地方创建手工换行- 和meta一样 都属于空标记This is a paragraph分区元素和-分区元素用于元素分组，常用于页面布局-块分区元素:行内分区元素:-设置同一行文字内的不同格式firstsecond一周畅销榜块级元素-默认情况下，块级元素会独占一行，即元素前后都会自动换行如: 行级元素-出现在
12、句子中，不会换行-如: 行内元素与其他元素位于同一行，常用于分开一行中的某些文本图像与链接使用img元素将图像添加到页面-空标记必须属性:src常用属性: width height链接元素使用元素创建了一个超级链接，语法如下 ：文本-href属性:链接URL-target属性:目标，可取值为_blank _self等To GoogleTo other pageURLURL:统一资源定位器，用来标示网络中的任何资源-文本，图片，音视频文件，段落，或其他超文本文件完成URL的组成-协议，机名，路径名，文本名URL中路径名表示方法有-相对路径-绝对路径锚点锚点是文档中某行一个记号-用于链接到文档的第
13、一行定义锚点-锚点一链接到锚点:在锚点名前加上#-回到锚点一定义锚点return to top使用链接 导航至锚点列表标记列表的作用列表时指将具有相似特征或者具有先后顺序的几行文字进行对齐排列所有的列表都由列表类型和列表组成-列表类型:有序列表和无序列表-列表项:,用于指示具体的列表内容无序列表元素表示无序列表，用于列出页面上没有特定次序的一些项目元素中只能包含具体的列表项元素-列表中包含的每一项都必须包含起始标记和结束标记之间onetwothree有序列表元素编写有序列表，用于列出页面上有特定次序的一些项目元素中也只能包含列表项元素列表的嵌套将列表元素嵌套使用，可以创建多层列表-常用于创建文
14、档大纲，导航菜单等Web基础知识Web工作原理表格表格的作用表格通常用来组织结构化的信息表格是一些被称作单元格的矩形框按照从左到右，从上到下的顺序排列在一起形成的表格的数据保存在单元格里-显示表格数据-设置页面布局创建表格定义表格:使用成对的标记创建表行:使用成对的标记创建单元格:使用成对的标记3、常用属性table：border/width/height/align td:width/height/align(left、right、center)/valign(top、middle、bottom)不规则表格：td的colspan/rowspan属性，设置单元格跨列或者跨行第一行，第一列第二行
15、，第二列第二行，第一列第二行，第一列一般在中使用, 替换 表格单元中的文字居中显示，并且加粗Frameset框架（如果根据需求需要把窗体拆分为两个部分，左边是占用窗体30%的部分，右边是剩余的部分-需要用frameset）主要属性: src 指定在中显示的文档的URLFrame用来做窗体拆分的标签。注意: 分帧页面不能写body 因为frameset在文本标签内是独立存在的Frame属性Frameborder 0(代表没有边框) | 1(代表有边框)Resize 改变大小Noresize 不能改变大小Scrolling 是否可以滚动 auto 按照需要自动滚动 yes可以滚动 no 不可以滚动
16、案例:创建frameset.html文件 拆分浏览器的参数设定 按列拆分 定义标签通用元素name逻辑名指定所要导入的文件的窗体显示布局 对第二个窗体进行初始化，默认显示 为了保证frameset.html文件中导入的menu文件不能为空，所以要创建menu.html文件创建menu.html文件page1 告知显示文件的内容，还有在welcome.html 显示的帧页上显示。page2 同上因为在定义menu.html文件中已经定义了page1.html和page2.html文件。所以依然得保证不能为空。还要定义新的文件This is page1.html page1.html显示内容Thi
17、s is page2.html 显示page2.html显示的内容定义第二个窗体显示welcome.html(右边)HelloWorld 同上Frameset嵌套 按照行来设置头，身，脚的页面布局 引入文件，要求对20%的那一 行进行初始化. 头执行完后，执行内部frameset 后，中间层的frameset是按照列的执行的。 中间层执行完后，执行外层frameset的脚一般在设计主页的时候给scrolling 设置no属性浏览器在访问Frame标签会产生几次的请求和响应呢?在客户端通过浏览器的url向服务器发送请求的时候，服务器会以一个http的数据包返回给浏览器，数据包就是若干个文本文件(html,文档) 文档里的若干个标签，浏览器会负责进行解析，通过解析以图形界面的方式通过浏览器反馈给用户，但是如果标签内含有图片或者音频文件(浏览器只负责解析标签)此时，浏览器会再次发送请求，告知服务器再次把图片反馈过来，服务器会进行针对图片作为响应，传回给
