WEB01_HTML笔记题纲.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~#fff rgb(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 ro