信息技术 PPT02-1HTML语言(浓缩版)

二.HTML语言,师范学院教育科学学院,学习内容：HTML基础（1）什么是HTML（2）HTML4、XHTML、HTML5HTML常用标签,HTML语言,HTML（超文本标识语言)hypertextmarkedlanguage浏览器所看到的网页，主要是由HTML语言写成的，通过各种标签（标识、标记），将影像、声音、图片、文字等连接显示出来。运用标签tag（也叫标记、标识）使页面文件显示出预期的效果，即在文本文件的基础上，加上一系列“网站要素展示”的符号（这些符号告诉浏览器如何表示此文件），最后形成后缀名是.htm或.html的文件。版本：HTML4、XHMTL、HTML5,1.HTML基础,1.单标签：只需要单独使用即能完整表达意思语法：例子：2.双标签语法：内容3.标签属性例子：内容,HTML4中属性值可以加上双引号也可以不加双引号,标签（标识、标记）,mypageWelcometomypage!,通常使用双向标签，书写格式一般是内容但有些标识例外HtmL4不区分大小写Xhtml要求必须是双向,一个简单的HTML页面组成,1.HTML有几个“版本”，有时指广义，有时可能指的是HTML4，要根据情况来理解。2.在XHTML标准中（一般使用兼容模式）HTML中的单标记需要怎么写变成双向、属性值需要引号XHTML有严谨语法；HTML4不是很严谨，写错HTML代码不影响执行。建议用严谨语法，养成习惯。3.HTML5是HTML最新版本，添加了新的标签和功能，基本语法类似XHTML，目前在移动网站及应用方面使用较多，需要最新浏览器的支持。,了解HTML-XHTML-HTML5,2.HTML标签,（3）层叠样式表CSS：页面内样式/该行可省略链接样式（4）有些特效代码如Javascript、Vbscript一般也会放在头部,2.HTML标签,内容部分（1）在页面中加入文字、行中断标识，浏览器遇到这个标记时候，会把标识后面的内容另起一行显示。不过font的这种表述已经少用内容居中的方式：,2.HTML标签,注意从效果看跟br的区别空格标识符“”：注释标记,2.HTML标签,（2）在页面中插入图片：或标识例如：,2.HTML标签,（3）给网页添加声音、视频、多媒体标记自行研究添加Flash、视频方式HTML5有视频新标签，所以Flash转型HTML5。,2.HTML标签,（4）设置文字和图片链接文字文字添加了超链接的图片周围会出现一个蓝色边框，这是没设置border属性的缘故,2.HTML标签,（5）表格的使用,1.配对：有多少个table，就有多少个;有多少行就有多少个;一个是一列2.先有行tr才有列td,2.HTML标签,（6）列表,ol有序列表。,ul无序列表,2.HTML标签,（7）分区标签div和spanDiv:容器标签（区域标签），用来作为多种html标签的组合的容器，对该区域块进行操作和设置，就可以完成对区域块中元素的操作和设置。div容器中可以没有内容。一般搭配css来使用，实现布局和效果等。Span:用来作为片段文字图片等简短内容的容器标签，意义有点类似div，但是和div