HTML5 CSS3网页设计基础 第二章 网页基本元素课件.ppt

第2章网页基本元素本章概述本章的学****目标主要内容1本章概述随着网络技术的发展,网页内容也更加丰富多样。展示网页内容的元素包括文本、图像、列表、表格、链接等,本章将具体介绍页面上常用的各种元素的标签及其属性。2本章的学****目标掌握文本控制标签的功能和使用方法。掌握图像标签及其各属性的功能和使用方法。掌握网页上常用超链接的设置方法。掌握列表标签及其属性的功能和使用方法。掌握表格标签及其属性的功能和使用方法。掌握页面交互元表的功能和用法。掌握综合应用各种页面元素标签及其属性制作页面的方法。:【案例展示】招商加盟-加盟中心局部页面的设计。使用标题标签、段落标签、换行标签、水平线标签、文本格式控制标签等,设计招商加盟-加盟中心局部页面,【知识要点】标题标签、段落标签、换行标签、水平线标签、文本格式控制标签等网页元素。【学****目标】掌握标题标签、段落标签、换行标签、水平线标签、文本格式控制标签的作用并灵活应用。参考代码:2-:<hnalign="left|center|right">标题文字</hn>说明:n的取值为1到6。align为可选属性,用来设置标题在页面的对齐方式,取值left(左对齐)、center(居中对齐)、right(右对齐),默认取值left。参考示例:2-1-:<palign="left|center|right">段落文字</p>说明::文字<br/>或<br/>文字使用换行标签,可以使页面内容整齐、美观。:<hralign="left|center|right"size="n"width="n|%"color="color"noshade="noshade"/>属性介绍:align:参考标题标签中align说明。size:设置水平线的粗细,n取正整数,默认为2像素。width:设置水平线的长度,n取正整数表示确定的像素值,也可以是浏览器窗口的百分比,默认为100%。color:设置水平线的颜色,默认黑色。可以用颜色名称、十六进制#RGB或rgb(r,g,b)来表示。noshade:设置水平线是否要阴影,默认有阴影。例:定义一条水平线,居中显示、粗5px、宽400px、红色、无阴影。代码如下。<hralign="center"size="5"width="400"color="red"noshade="noshade"/>10