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