WEBHTML笔记题纲.docxVIP

WEB01-HTML篇教学目标了解什么是标记语言了解HTML主要特性,主要变化及发展趋势了解HTML的结构标签熟练掌握HTML的常用标签及其属性(字体,图片,列表,链接,表单等标签)一、HTML及相关介绍什么是HTML：HyperText Markup Language：超文本：超越文本，（不止是文本，图片，视频，音乐，可以下载的资源，文本，超链接）标记语言：定义一系列有特殊含义的标签，把内容包含起来。由浏览器解析（解析执行），显示效果（渲染）。如何使用HTML：HTML，就是一个文本文件，后缀名为.html或.htm，两种后缀没有区别基本语法：标记又叫标签，由括起来的一系列的字符。标签有起始，也有结束。结束标签由起始标签的同名标签加/。在起始标签中，以空格分隔，可以有零到多个属性，属性的格式为：属性名=”属性值”属性名和属性值之间有等号，但等号两边不能有空格，属性值要有引号括起来，双引号和单引号都可以，推荐优先使用双引号。（在HTML习惯用双引号，在Javascript中就最好优先用单引号）。标签可以嵌套，不可以交叉。有些标签没有标记体（没有内容），这种标签可以自结束。br/正常的内容是不换行的，（不受源代码的换行和空格、制表符的影响），源代码中连续的回车、空格、制表符会被压缩成一个空格。在HTML中，标签大致分两类：块级元素：自己占一行，本行后面不能有其它标签内容。行内元素：自己的后面可以有其它内容。文档流：页面内容按顺序以流的方式显示在页面中。HTML是一种语法不严格的标记语言二、HTML常用标签文件标签：html：所有标签的父标签，所有其它标签都要写在HTML标签中。它是最外层的标签。head：它在HTML标签中，设置当前页面的相关信息（页面的标题、引用的资源）title：设置页面的标题，写在Head标签中body：写在HTML标签中，所有页面内容的父标签文字标签：font：字体标签，用于设置文字的样式。没有设置属性的请况下，不对字体样式产生改变，常用属性：color:颜色。size:大小。1~7，由小到大，设置更大值，依然是7的大小。face:字体。要使用系统有的字体，设置为没有的字体，则显示为默认字体HTML中的颜色：表示颜色的方式一共有四种：英文单词红绿蓝(RGB)配色：#000000~#FFFFFF#000~#fffrgb(0,50%,255)后两种兼容性差，不建议使用。b：字体加粗u：内容加下划线i：斜体排版标签：br/：回车。nbsp;：空格。：lt;( less than )：gt; ( greater than )：amp;p：段落标签。自动换行，段落内行间距正常，段写段之间行间距较大。块级元素。h1~h6：标题标签。由大到小、块级元素、字体自动加粗。hr /：水平线width:宽度size:厚度noshade:无3D效果pre：原样显示列表标签：ol：order list有序标签：默认是数字。可以通过type属性设置为数字，字母，罗马数字。ul：unorder list无序标签，默认列表项是实心小圆点，li：list item列表项，块级元素，内容可以是任意。图片标签：img：用于显示图片，行内元素。常用属性：src:指定图片路径。（相对路径 和 绝对路径）width:宽度height：高度（不设置的情况下，图片原大小。设置了宽度高度，则图片进行拉伸，如果只设置其中一个，则一另个按原比例缩放）。title:鼠标悬停在图片上的提示文字。alt:图片不能正常显示时的替代文字。在某些浏览器，也可以当title用。border:边框，在不同浏览器里，加了超链接的图片，有些会自动显示边框补充：maparea。超链接标签：a：超链接：常用属性：href : hyper reference指定本超链接要链接到的目标。超链接的文本就是标签的内容。target:指定打开链接页面的目标窗口。默认值为：_self_blank:一个新的窗口_top:顶级窗口_parent:父窗口自定义名字：如果当前没有此自定义名字的窗口，则打开一个新窗口，此新窗口名字就是自定义的名字，如果此窗口已打开，则再点链接，不会打开新窗口，而在此窗口打开。如果超链接要打开一个外部的链接，则必须加http://协议头如果不想链接到任何页面，则href=”#”锚点：使用name属性。设置锚点，使用href=”#锚点名”表格标签：姓名性别年龄 张三李四table：表格标签，其中只能有caption，tr标签（table row）align:表格居中。cellpadding：内边距，单元格中的内容和单元格的边框之间的距离。cellspacing：外边距，单元格和单元格之间的距离。caption：标题tr：表格中的行，其中只能有td/thtd：表格中的单元格，