《Web应用开发》课件——阶段一 我的第一个网页.pptxVIP

;;1.1什么是网页;1.2网页类型;1.3网页基本元素;1.3网页基本元素;1.3网页基本元素;1.3网页基本元素;1.4网页的构成;1.5网站建设的一般流程;1.5网站建设的一般流程;1.5网站建设的一般流程;1.5网站建设的一般流程;补充;;2.1网页常用程序设计语言;2.1网页常用程序设计语言;2.1网页常用程序设计语言;2.2HTML5开发工具及原理;2.3网页的HTML结构;2.3网页的HTML结构;2.3网页的HTML结构;;3使用HTML制作网页;（2）段落标签p…/p。

可实现分段，即在段落开始时用p，在段落结束时用/p。align属性用于设置段落对齐方式，其参数为left（默认）、center、right。

语法格式举例：

palign=center段落内容/p

;（3）换行标签br。

可使文档在该标签处强制换行，这一点与p相同。但与p不同的是，换行后行与行之间不留空白行，页面看起来比较紧凑。br属于单标签，没有结束标签。

（4）水平线标签hr。

可以在页面中生成一条水平线，用于分隔文档或者修饰网页。hr属于单标签，没有结束标签。

语法格式举例：

hralign=centersize=4width=80%color=red;属性名;（5）文本的格式化标签

在HTML网页中，为了让文字富有变化，如粗体、下画线效果等，HTML准备了专门的文本格式化标签。;（6）特殊字符。由于HTML文档是ASCII文本，只支持ASCII字符。但是，还有一些有特殊用途的字符在HTML中无法直接显示成原来的样式，若要在浏览器中显示这些字符就必须输入特殊字符来代替。HTML5常见特殊字符实体代码如下表所示。;2．列表标签

可以将网页中相关的信息有条不紊地组织起来。列表标签可分为：无序列表、有序列表、嵌套列表和自定义列表，下面介绍前两种常用的列表。

（1）无序列表标签ul…/ul。每一项需要用li标签结合使用。ul的常用属性只有一个type，用来设定列表项前面出现的符号，

disc：列表项前面加上符号●。

circle：列表项前面加上符号○。

square：列表项前面加上符号■。

;（2）有序列表标签ol…/ol。

列表中每一项的前面会加上编号，编号会根据列表项的增删自动调整。每一项需要与li标签结合使用。

start属性用于设置编号的起始值，如start=3，则列表编号从3开始。type属性用来设定列表的编号形式,如：

?1：用阿拉伯数字1、2、3、…编号。

?a：用小写英文字母a、b、c、…编号。

?A：用大写英文字母A、B、C、…编号。

?i：用小写罗马字母ⅰ、ⅱ、ⅲ、…编号。

?I：用大写罗马字母Ⅰ、Ⅱ、Ⅲ、…编号。

;（3）li…/li。

li标签定义列表项，属性：

?type：用来设定列表项的符号，如果li用在ul里，属性取值为disc、circle或square；如果li用在ol里，则属性取值为1、a、A、i或I。

?value：此属性仅当li用在ol里有效，属性值为一个整数，用来设定当前项的编号，其后的项目编号将以此值为起始数目递增，前面各项不受影响。

;3．超链接标签a../a

超链接是从一个网页转到另一个网页的途径，它是网页的重要组成部分。其最重要的属性是href属性，它指定链接的目标URL。

定义的语法：

ahref=资源地址target=目标窗口title=链接提示文字链接对象/a

其中href属性定义要链接的目标地址；target属性用于指定打开链接的目标窗口；title属性指定指向链接时所提示的文字。

;属性;4．绝对路径与相对路径

绝对路径：提供文档完整的URL地址，例如：

相对路径：以当前文件所在路径为起点，进行相对文件的查找。

;5．图像标签

img标签定义HTML页面中的图像，单标签。使用img标签在网页中加入图像的语法举例：

imgsrc=image/tu.jpgwidth=300height=240/

;6．表格标签

表格由一行或多行组成，每行又由一个或多个单元格组成。HTML中一个表格通常是由table、tr、td3个标签来定义的，这3个标签分别表示表格、表格行、单元格。在对表格进行设置时，优先顺序为：单元格优先于行，行优先于表格。表格的基本结构：

table

caption表格标题/caption

tr

td单元格1/td

td单元格2/td

/tr

/table

;6．表格标签

（1）table标签。它是一个容器标签，用于定义一个表格。table常用属性如下。

width：设定表格的宽度