HTML入门及简单操作.pptVIP

网页制作基础 HTML简单入门 什么是HTML? HTML 全称为“Hypertext Marked Language” 中文翻译叫做“超文本标记语言” HTML可以做什么？ 如何编写HTML文档? 使用HTML编写的文档就叫做HTML文档 HTML文档一般是后缀名为.HTM或者.HTML的文件 记事本（NOTEPAD） 使用常用可视化网页编辑器： FRONTPAGE DREAMWEAVER VISUAL STUDIO 简单示例 HTML HEAD TITLE大家好/TITLE /HEAD BODY 大家好，这是我完成的第一个网页！ /BODY /HTML 元素介绍 HTML.../HTML HEAD.../HEAD BODY.../BODY 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如BODY），也有一个结束的标记（如/BODY）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记第一个尖括号后加一个斜杠。 HTML文档结构 HTML HEAD TITLE/TITLE /HEAD BODY HTML 文件的正文 /BODY /HTML 基础标记（TAG） 标题 HTML用H1到H6这几个Tag来定义标题，从大到小。每个正文标题自成一段。 例子： H1我是标题/H1 H2我是标题/H2 H3我是标题/H3 H4我是标题/H4 H5我是标题/H5 H6我是标题/H6 基础标记（TAG） 段落划分 在HTML里用P和/P划分段落。 例子： P第一段/P P第二段/P 基础标记（TAG） 换行 使用BR标记，可以在不新建段落的情况下换行。由于BR/BR元素之间没有任何内容，所以可以简写为BR / 例子： P第一段第一行BR /第一段第二行/P P第二段第一行BR /第二段第二行BR /第二段第三行/P 基本文字样式标记 标记 显示结果 B粗体/B 粗体 I斜体/I 斜体 U下划线/U 下划线 SUP上标/SUP 上标 SUB下标/SUB 下标 元素的属性 HTML的元素可以有自己的相关属性，每个属性都可以赋一个有效的值，称为属性值。属性出现在开始标记的元素名后，并且和元素名之间有一个空格分隔，属性必须在尖括号内。属性值用“”引起来。 注意：双引号必须是英文的半角字符。 元素的属性 例子： BODY的BGCOLOR属性 （有效值：已命名的颜色或16进制的RGB颜色值） P的ALIGN属性 （有效值：LEFT RIGHT CENTER） FONT 元素 可以用FONT这个元素及其属性来设定字体的大小，颜色和字体风格。 SIZE属性：控制字体的大小 FACE属性：控制字体的风格 COLOR属性：控制字体的颜色 例子： PFONT SIZE=“14” FACE=“宋体” COLOR=“RED”我是14号红色的宋体字/FONT/P IMG 元素 可以用IMG元素及其属性在页面中插入图片及控制图片的大小、边框、样式等。 SRC属性：图片的路径 HEIGHT和WIDTH属性：控制图片的高度和宽度 ALT属性：如果图片未能正常显示，将显示ALT属性中设置的文字。注意：该属性是必须的！ 绝对路径与相对路径 A 元素 在HTML中，A元素用来建立HTML链接。 HREF属性：指定链接的位置，属性值可以是相对路径、绝对路径、互联网地址、邮件地址、内部ID。 HREF属性值为互联网地址的例子： A HREF=“HTTP://UJN.EDU.CN”单击我链接到济南大学首页/A A 元素 HREF属性值为邮件地址的例子： A HREF=“MAILTO:decrula@”单击给decrula@发邮件/A HREF属性值为内部ID的例子，这种链接也称为内部链接。 A 元素 A标记间包含的如果是文字，则是文字链接；如果包含的是图片，则是图片链接。 * *