HTMLCSSJavaScript基础培训.pptVIP

内容 HTML基础知识介绍 CSS基础知识介绍 JavaScript基础知识介绍 综合应用及实例展示 第一、HTML基础知识介绍 HTML基础知识介绍 主要内容： HTML基本概念 HTML基础Tag HTML常用格式 HTML特殊字符 HTML超链接 HTML相对和绝对路径 HTML表格（Tables） HTML框架(Frames) HTML列表(Lists) HTML表单(Forms) HTML图片(Images) HTML字体(Fonts) HTML背景颜色和背景图片 HTML头部信息(Head) HTML基本概念 HTML概述 HTML的英文全称是Hyper Text MarkUp Language，中文叫做“超文本标记语言”. 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”. 一个HTML文件的后缀名是.htm或者是.html. 用文本编辑器就可以编写HTML文件. HTML元素(HTML Elements) HTML元素(HTML Element)用来标记文本，表示文本的内容.比如body,?p, title就是HTML元素.? HTML元素用Tag表示，Tag以开始，以结束. Tag通常是成对出现的，比如body/body.起始的叫做Opening Tag，结尾的就叫做Closing Tag. 目前HTML的Tag不区分大小写的.比如，HTML和html其实是相同的. HTML元素(HTML Elements)的属性 HTML元素可以拥有属性。属性可以扩展HTML元素的能力. 如可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：body bgcolor=red . 属性通常由属性名和值成对出现，如：name=“value”. 属性通常是附加给HTML的Opening Tag，而不是Closing Tag. 简单HTML示例 见first.html HTML基础Tag 基础的HTML Tag 正文标题 HTML用h1到h6这几个Tag来定义正文标题，从大到小.每个正文标题自成一段 , h1This is a heading/h1 . 段落划分 在HTML里用p和/p划分段落，pThis is a paragraph/p . 换行 通过使用br这个Tag，可以在不新建段落的情况下换行。br没有Closing Tag, pThis br is a parabrgraph with line breaks/p . HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。 注释可以写在!--和--之间.浏览器是忽略注释的,不会在HTML正文中看到你的注释. !-- This is a comment -- 示例代码 见tag.html HTML常用格式 HTML常用格式 常用文本格式Tag HTML的源代码查看 点击鼠标右键，点击View Source(查看源文件)命令 选择浏览器菜单View(查看)中的Source(源文件)命令 示例 见geshi.html Tag Tag说明 b 粗体bold i 斜体italic del 文字当中划线表示删除 ins 文字下划线表示插入 sub 下标 sup 上标 blockquote 缩进表示引用 pre 保留空格和换行 code 表示计算机代码，等宽字体 HTML特殊字符 HTML特殊字符显示 HTML字符实体(Character Entities) 一个字符实体(Character Entity)分成三部分：第一部分是一个符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。 比如,要显示小于号,就可以写lt;或者#60; 最常用的字符实体(Character Entities) ,示例见：zifu.html 显示结果 说明 Entity Name Entity Number 显示一个空格 nbsp; #160; 小于 lt; #60; 大于 gt; #62; 符号 amp; #38; 双引号 quot; #34; ? 版权 copy; #169; ? 注册商标 reg; #174; × 乘号 times; #215; HTML超链接 HTML超链接 a和href属性 HTML用a来表示超链接，英文叫anchor. a可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件 等.用法如下：a href=url链接的显示文字/