基于DIV入门讲解常用的html标签介绍说明.ppt

HTML标签介绍 冯旭 HTML标签介绍 什么是 HTML？ HTML中常用标签 标签中常用的属性 使用HTML遇到的问题 英雄往事文档目录结构 什么是 HTML？ HTML 是用来描述网页的一种语言。HTML 文档包含 HTML 标签和纯文本 什么HTML 标签 HTML 标记标签通常被称为 HTML 标签。简单的讲就是编辑网页的前台代码。如：h1/h1、br、p/p等 HTML中常用标签 1.标题标签： h1/h1 h2/h2 h3/h3 h4/h4 h5/h5 h6/h6 标题标签用来修饰文档的标题，每组的文字大小和显示的高度都不一样。 这里不希望直接使用这些标签去修饰标题的样式和大小，应配合属性值去修饰。 HTML中常用标签 2.段落标签： p/p定义段落 br /插入单个换行 这2组标签都是换行的效果，但是BR的换行高度要小于P的换行高度。 如果配合属性使用可以随意控制 HTML中常用标签 3.链接标签 a href=英雄往事/a 链接标签的常用属性有： href 链接的地址 title 鼠标移动到这个链接显示的提示文字 target 打开这个链接地址的方式 _blank新窗口 _self当前页面一并跳转 _parent和父窗口一起跳转 _top框架一起跳转 HTML中常用标签 4.图像标签 img src=“pi/logo.jpg width=104 height=142 / 用于在网页上显示一个图片 注意下：图片不宜过大，小图片不宜过多。 HTML中常用标签 5.图片热点标签 img src=“1.jpg width=335 height=193 border=0 usemap=#Map map name=Map area shape=rect coords=207,80,310,134 href=# /map 用于在图片上建立连接的作用 这个最好少用 HTML中常用标签 6.注释代码 !--注释暂时不用的代码或者文字-- 这个多使用在这段文字或者代码暂时不使用，以后可能会用的情况 HTML中常用标签 7. 文档中的行内元素 span/span font/font 加在文本里面没什么特殊的效果，必须配合属性使用才有效果 HTML中常用标签 8.特殊标签 html/html body/body 一个html页面只能使用一对 HTML中常用标签 9.表格标签 这里根据这个实例代码介绍表格2个重要的属性：单元格的合并 1. colspan 通俗理解位向左、右合并 2. rowspan 通俗理解位向上、下合并 合并的时候注意，向上，向左合并后，相对的下面和右边的单元格就要减少相应的合并数 标签中常用的属性 class 样式表名字 id 当前标签的ID值，一个页面的ID值必须唯一 title 鼠标放在上面显示的信息(不支持IMG标签，IMG标签使用alt属性) style 当前标签的样式（style=color:red,把当前标签的字体修改为红色） target 打开的方式(_blank新窗口、_self当前页面一并跳转、_parent和父窗口一起跳转、_top框架一起跳转),这里支持的标签很少，a/a form/form 标签中常用的属性 style的参数及值如下表： 使用HTML遇到的问题 html空格代码符号：nbsp; html小于符号：lt; html大于符号：gt； html双引号：quot; 这些代码只有在使用英文输入法下才能会这样转换，中文的不需要转换 首行文字缩进2个字符。 a.nbsp;nbsp;nbsp;nbsp;你好！ b.P style=text-indent:2em;/P 不能使用空格替代文字对齐方式。 a .nbsp;nbsp;nbsp;nbsp; b.text-align:right;(center) 英雄往事静态页面目录说明 GameLib(游戏资料页面)预览地址：/GameLib/GameLib_main.htm /BuildingResources 建筑资源介绍 /Creature 兵种怪物介绍 /GameIntroduce 游戏特介绍 /HeroSkill 英雄技能介绍 /HeroTitle 称号系统介绍 /Hotkey 快捷键介绍 /HuoDong 活动页面介绍 /Magic 魔法介绍 /Material 材料介绍 英雄往事静态页面目