HTML语言(上)

1、超文本标记语言-HTML（上）WEB技术Html是通向web技术世界的钥匙WEB2一 什么是 HTML二 HTML 文档三 HTML 标签四 常用标签五 HTML 表格六 HTML 背景附： 实例解析附： Web颜色目录WEB3一什么是HTML?用来描述网页的一种计算机语言英文全称：Hyper Text Markup Language中文全称：超文本标记语言!4一什么是HTML?HTML是一种标记语言，不是一种编程语言，它对大小写不敏感。标记语言编程语言 标记语言标记语言就是一套标记标签通过标记标签来描述网页的结构和样式没有逻辑和算法，被动等待计算机读取编程语言具有逻辑性和算法具有主动行为能力

2、，可向计算机发出指令常用的有C语言、C+、ASP、JAVA等WEB5二HTML文档网页HTML文档等于HTML文档也被称为网页，它包含html标签和纯文本之间的文本描述网页之间的文本是头文件之间的文本是网页title之间的文本是网页可见内容 文档的标题 这里是文档的内容 文档基本结构文档 基本结构文档 代码二HTML文档备注：备注：HTMLHTML代码一定要使用英文字符，否则不能识别代码一定要使用英文字符，否则不能识别 。 如如 中文字符的双引号中文字符的双引号”和英文字符的双引号和英文字符的双引号“”“” 文档编辑器二HTML文档专业的 HTML 编辑器，功能强大使用复杂Dreamweave

3、rNotepad记事本记事本强 烈 推 荐 初 学 者 使 用 ， 更 有 利 于 学 习 Notepad使用方法二HTML文档. 新建记事本 TEST1.txt. 保存并重命名为 TEST1.html1234. 记事本中输入 HTML 代码. 打开这个 .html 文件WEB9三HTML标签双标签单标签注释标签HTML标签：就是尖括号包围的关键词，比如等三HTML标签 标签的分类标签是成对出现的标签对中第一个是开始标签，第二个是结束标签例子： 双标签标签是单独出现的例子： 单标签, 开始尖括号之后紧跟！浏览器会忽略它们，也不显示它们注释标签可提高代码可读性例子：注释标签三三HTML标签标签标

4、签是拥有属性的，且属性总是在开始标签中规定 标签的属性未使用属性使用属性注释超链接标签 链接的地址 =属性Href的值表格标签 表格填充色 =属性bgcolor的值一个标签可以拥有多个属性WEB12S l o w l y a n d S t e a d i l y四常用标签最常用的标签定义HTML文档字体加粗定义表格文档的主体字体/大小/颜色表格的行文档头文件超链接表格的单元格文档的标题图像合并的单元格 to 文档内容的标题定义无序列表段落列表的条目水平线定义 有序列表换行定义 块13 常用标签 1四常用标签定义HTML文档文档的主体文档头文件文档的标题 文档的标题 这里是文档的内容 标 签代

5、 码网 页 效 果14常用标签 2四常用标签 这是一级标题 这是二级标题 这是三级标题 这是四级标题 这是五级标题 这是六级标题 to , 定义HTML文档内容的六级标题代 码网 页 效 果15常用标签 3四常用标签 这是第一段 这是第二段 这是第三段 段落标签16常用标签 4四常用标签 换行，换行，不换行 换行标签17常用标签 5四常用标签 不加粗，加粗 加粗标签18常用标签 6四常用标签 水平线 水平线标签的三个属性sizecoloralignwidth19常用标签 7四常用标签 字号 颜色 字体 综合 字体标签的三个属性sizeColorface20常用标签 8四常用标签 字号 颜色 注

6、释标签浏览器不显示注释标签注释标签提高代码可读性21常用标签 9四常用标签 点击下面的链接，在新窗口中打开百度 Go To Baidu 点击下面的链接，在本窗口中打开百度 Go To Baidu 超链接标签的二个主要属性hreftarget22常用标签 10四常用标签 苏州 杭州 上海 无序标签23常用标签 11四常用标签 苏州 杭州 上海 有序标签24常用标签 12四常用标签 图像标签TEST1.html 网页在“Q”盘里琥珀,jpg 图片在“Q/图文”里WEB25表格用来呈现数据或页面布局五HTML 表格表表格格 数数 布布据据 局局26HTML表格 1五HTML 表格定义表格表格的行单元

7、格标 签代 码 第1行1列 第1行2列 第2行1列 第2行2列 网 页 效 果两行两列表格27HTML表格 2五HTML 表格代 码 第1行1列第1行2列 第2行1列第2行2列 第3行1列第3行2列 第4行1列第4行2列 网 页 效 果四行两列表格28HTML表格 3五HTML 表格代 码 正确的空单元格 正确&nbsp &nbsp 错误的空单元格 错误 网 页 效 果空单元格29HTML表格 4五HTML 表格代 码 跨列单元格 1行3列 2行1列2行2列 2行3列 网 页 效 果跨列表格30HTML表格 5五HTML 表格代 码 跨行单元格 1行2列 2行2列 3行2列 4

8、行1列 4行2列 网 页 效 果跨行表格31HTML表格 6五HTML 表格代 码 下面是边框粗细为1的表格 1磅 边框 下面是边框粗细为8的表格 8磅 边框 网 页 效 果属性border32HTML表格 7五HTML 表格代 码 下面的表格宽150磅 表格 宽150磅 下面的表格宽250磅 表格 宽250磅 网 页 效 果属性width33HTML表格 8五HTML 表格代 码 左对齐 居中 右对齐 网 页 效 果属性align34HTML表格 9五HTML 表格代 码 下面的表格填充绿色背景 绿色填充 下面的表格填充蓝色背景 蓝色填充 网 页 效 果属性bgcolorWEB35背景有约和网页美化的重要方式之一六HTML 背景36HTML背景 1六HTML 背景纯 色 背 景 这是一个纯色背景网页 这是一个纯色背景网页 这是一个纯色背景网页 这是一个纯色背景网页37HTML背景 2六HTML 背景 这是一个图片背景网页 这是一个图片背景