第01讲超文本标记语言HTML.pptVIP

超文本标记语言-HTML 超文本标记语言-HTML ID:SCSC007-HTML,CSS,JS 超文本标记语言-HTML HTML概念 HTML页面的基本框架 HTML常用格式标签 图像标签IMG 列表标签 表格标签 HTML超链接 框架 表单 统一资源定位器——URL URL（UniformResourceLocation）即统一资源定位器，它指出了文件在Internet中的位置。URL由协议名、Web服务器地址、文件在服务器中的路径（即目录）和文件名四部分构成。例如，http：///intl/cn/index.html。 其中http：//是协议名，表示文件的运行是遵循超文本传输协议的。是Web服务器的地址，/intl/cn是文件所在的目录，index.html则是文件名。 超文本标语语言——HTML HTML（HypertextMarkupLanguage）即超文本标记语言，它是一种用于编写超文本文档的标记语言。自从1990年首次应用于网页编辑后，HTML迅速崛起成为网页编辑的主流语言。几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。HTML并不是一种程序语言而是一种结构语言，它具有平台无关性。无论用户使用何种操作系统（Windows、Dos、Unix等等），只要有相应的浏览器程序，就可以运行HTML文档。 超文本传输协议——HTTP 超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和要进行的操作。HTTP协议的制定使测览器在运行超文本文档时有了统一的规则和标准，从而大大增强了网页的适用性。 Client/Server架构 HTML页面的基本框架 HTML HEAD TITLE 标题 /TITLE /HEAD BODY 内容 /BODY /HTML HTML页面的基本框架 bgsound src=“gg.mp3” loop=“1” 必须位于head内，设置背景音乐 Src 位置 Loop 循环次数，如果不设置，则一直播放 BODY标签 “BGCOLOR”。指定HTML文档的背景色。 “TEXT”。指定HTML文档中文字的颜色。 “LINK”。指定HTML文档中待连接超链接对象的颜色。 “ALINK”。指定HTML文档中连接中超链接对象的颜色。 “VLINK”。指定HTML文档中已连接超链接对象的颜色。 “BACKGROUND”。指定HTML文档的背景文件。 常用标签 BR --换行 Hi/Hi --文档中的标题 P/P --创建一个段落 PRE/PRE --固定格式文本块 B/B --粗体 I/I --斜体 U/U --下划线 FONT/FONT--设置字体及大小 DIV/DIV --文本块容器 HR --水平分隔线 图像标签IMG IMG--链接一个图像文件 常用属性： SRC=被链接文件的URL WIDTH=图像的宽度 HEIGHT=“图像的高度 BORDER=“图像的边框 ALT=“图像说明文字 ALGN=与图像相邻的文字相对位置 VSPACE=垂直方向与图像相邻的对象之间距离 VHPACE=水平方向与图像相邻的对象之间距离 BORDER=图像过框的宽度 常用的图像文件格式 网页中常用的图像文件格式： GIF–颜色数不超过256色，可用于动画或透明背景的图像。 JPG–适用于颜色丰富或渐变色较多的图像文件，但不可以做成动画。 列表标签 ol/ol创建一个标有数字的列表 ul/ul创建一个标有圆点的列表 li放在每个列表项之前,若在ol/ol之间则每个列表项加上一个数字,若在ul/ul之间则每个列表项加上一个圆点 列表嵌套的范例程序 HR OL LI一些常见的水果： UL LI苹果和桔子 LI香蕉和草萄 LI西瓜和桃子 /UL HR LI这是列表的第二项 HR LI一些常见的肉类 UL LI猪肉和牛肉 LI羊肉和兔肉 /UL /OL HR 表格标签 TABLE border–边框宽度 width–表格的宽度 height–表格的高度 align–表格与其相邻的文字的相对位置 cellpadding–单元格内的边距 cellspacing–单元格间的空白 行列标签 TR定义行 TH定义表头 TD定义列 colspan–单元格所跨的列数 rowspan–单元格所跨的行数 nowrap–是否自动进行文字环绕 共有的常用属性 bgcolor–背景颜色 align–水平对齐方式（left、right、center） valign–垂直对齐方式（top、middle、bottom） bordercolor–边框颜色 width、height–宽度、高度 表格示例 超链接 HTML是通过链接标签来实现超链接的。链按