常见HTML5标签以及属性.PPTVIP

常见HTML5标签以及属性 导航用什么标签实现 案例中的四张图片用什么标签实现？ 使用的图片用什么路径？ 服务介绍用什么标签？ 段落用什么标签？ 段落中的文字加粗、倾斜、换行如何实现？ 相关标签的基本语法结构是什么？ 标签间如何使用保证页面结构的正确合理性？ Doctype声明和语言编码声明 !DOCTYPE声明是HTML文件中必不可少的，它位于文档中的最前面的位置，处于html标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范 。 在HTML5中一份文档将会适用于所有版本的HTML，声明方法如下： !DOCTYPE html 标签的属性和属性值 语法结构 标签名 属性=属性值 内容/标签名 标签的属性和属性值 属性的概念：用来表示标签的特征。 属性值的概念：为属性赋的值称为属性值。 HTML常见标记 换行标记是br /，可以给一段文字换行，该标记是一个单标记。 粗体文本标记b/b。在网页中，比较重要的文本通过粗体方式显示。使用b/b标记可以设置文本的粗体显示效果。 放在i/i之间的文本将以斜体显示。 下划线标记u/u。u/u 标签可定义下划线文本。 HTML常见标记 强调显示标记em/em。使用em标签可以强调显示文本内容，在浏览器中的表现效果就是把这段文字以斜体方式显示。 加强调显示标记strong/strong。用于强调文本，但它强调的程度更强烈一些，通常是用加粗的字体来显示其中的内容。 常用的特殊符号 空格：HTML的空格用 nbsp;表示。【所有标签都为英文半角】 小于号：lt; 大于号：gt; ：amp; 双引号：quot; 版权：copy; 注册：reg; 标题标记以及属性 标题的概念：标明文章、作品等内容的简短语句 Html中标题由h1/h1---h6/h6来定义，其中h1/h1代表1级标题，级别最高，字体也最大，其他标题依次递减，h6/h6级别最低。 标题对齐方式属性:align，属性值： left左对齐, center居中对齐, right右对齐。 段落标记以及对齐方式属性 段落标记是p/p，用来定义网页中的一段文本。 段落对齐方式属性:align，属性值： left左对齐, center居中对齐, right右对齐 图像标记以及属性 插入图像使用单标记img/ src属性 Src属性用于指定图片源文件的路径，语法格式为：img src=图片路径 / alt属性 IE6以后浏览器无法提示，当图像非正常显示时，在图像的位置上显示alt中的提示文字。 width属性 Width：设置图像宽度,默认单位为像素。 图像标记以及属性 height属性 height：设置图像高度,默认单位为像素。 border属性 border：可以利用边框border设置图像的边框，默认单位为像素。 title属性 鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。 什么是路径？ 路径的概念：是指一个文件或文件夹所在的位置。路径分为绝对路径和相对路径。 绝对路径 绝对路径的概念：完整的描述文件位置的路径就是绝对路径。 例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。 如果你使用绝对路径c:/website/img/photo.jpg，那么在自己的计算机上将一切正常，但是当你将页面上传到网站的时候就很可能会出错了，因为你的网站可能在服务器的c盘，可能在d盘，总之没有理由会有c:/website/img/photo.jpg这样一个路径。 什么是路径？ 相对路径 相对路径的概念：就是自己相对于目标位置。 如：img/photo.jpg ../img/photo.jpg 为了避免在制作网页时出现路径错误，我们可以使用dreamweaver的站点管理功能来管理站点。只要使用菜单命令新建站点并定义站点目录之后，它将自动的把绝对路径转化为相对路径，并且当你在站点中移动文件的时候，与这些文件关联的连接路径都会自动更改，实在是非常的方便。