下载此文档

单元2 美丽鲜花网店—HTML标签与CSS样式基础《WEB前端开发实用案例教程》.ppt

文档分类：IT计算机 | 页数：约34页举报非法文档有奖

1/34

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/34 下载此文档

文档列表 文档介绍

《WEB前端开发实用案例教程》第二单元美丽鲜花网店HTML标签与CSSs样式基础HTML作为网页的骨架,决定了有哪些元素那么CSs就是网页的血肉,决定了这些元素以什么样的形式展现。HTML的作用就是用来表示一个网页由哪些元素组成,每一个标签都会在网页中渲染出对应的元素。因此,网页主要有3部分组成;结(Structure)、表(Presentation).和为(Behavior),我将要学****的HTML标签和CSS层叠样式表就是网页结构层和表现层的具体体现教学目标:◎掌握Dreamweaver中插入文字、图像、列表、超链接等HTML元素方法,以及网页各元素标签的写法,能够编写网页结构层代码◎掌握CS样式表语法规则◎掌握CS样芋式表中选择器的使用,能够对网页元素进行修饰◎掌握在页面中引入CS样式表的4种方式(内嵌样式、行内样式、链接样式和导入样式),能够很据需要选择合适的方式将CSS样式引λ到网页中日录页/Contents01任务1制作鲜花网页结构HTM标签介绍任务2修饰鲜花网页一—CS*式基础知识储备任务1制作鲜花网页结构—HTML标签介绍【知识储备】1HM与C简介HTM是HyperTextMarkupLanguage(超文本标记语言)的英文缩写是用于设计网页的主要语言。用HTM编写的超文本文栏称为HTM文档,扩展名为"htm,也就是网页CSs(CascadingStyleSheets中文名为“层叠样式表”,用于设置网页中各标签的样式。在网页制作中,HTML属于网页的结构层部分,用来确定网页的内容和结构;CSS属于网页的表现层部分,用于设置网页的样式2HTML的标签构成HTML文件是由一系列元素和标签组成的。元素是HM文件的重要组成部分,元素名不区分大小写。HTM用标签来规定元素的属性和它在文件中的任务1制作鲜花网页结构—HTML标签介绍【知识储备】HTML文件是由一系列元素和标签组成的。元素是HM文件的重要组成部分,元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置。HTML标签是由尖括号括起来的关键词,绝大多数HML标签都是成对出现的,包含首标签和尾标签。首标签的格式为<标签名>,尾标签的格式为</标签名>,首标签和尾标签的中间为元素內容<标签名>标签内容</标签名>任务1制作鲜花网页结构—HTML标签介绍【知识储备】成对标签仅对包含在其中的内容起作用,如标题标签t和t于界定标题元素的范围。除成对标签外,也存在少量的单标签,其格式为<标签名>,作用是在相应位置插入元素,如换行标签<br>表示在该标签所在位置插入一个换行符。在HM文件中每个标签都有名称、可选择的属性和标签内容,标签的属性都在首标签内标明。首标签的基本语法如下<标签名属性名1="属性值1"属性名2="属性值2"…在HTML文件中,某个标签的完整定义语法如下<标签名属性名1="属性值1"属性名2="属性值2"…标签内容(文本或超文本)<标签名>任务1制作鲜花网页结构一HTML标签介绍知识储备】,则这段文字和包含文字的HTM标签起被称为一个元素在所有HTML文件中,最外层的元素是由<hm>标签建立的,在<htm>标签所建立的元素中,包含了两个主要的子元素,这两个子元素是由head>标签与<body>标签所建立的,<head>标签所建立的元素的内容为文件头部,而<body>标签所建立的元素内容为文件主体。、水平线、段落和换行1)HTML标题标题的作用是让用户快速了解文档的结构与大致信息,它是通过hL>~<h6>等标签对进行定义的。<h1>标签对定义最大的一号标题;<h6>标签对定义最小的六号标题<h1>这是号标题</h1><h2>这是二号标题</h2<h3>这是三号标题</h3<h4>这是四号标题</4><h5>这是五号标题</h5><h6>这是六号标题</h6>任务1制作鲜花网页结构——HTM标签介绍【知识储备】2)水平线水平线主要是用来分隔网页中的内容。水平线标签<hr>是个单标签,其作用是在HTML页面中创建水平线。p>这是段落文字</p<p>这是段落文字</p><p>这是段落文字</p3)段落HTM段落是通过(p></p>标签对进行定义的4)换行段落中内容情况进行换行,需使用<br>标签。<p>段落中内容<br>进行换行的使用<br>段落内容</p>任务1制作鲜花网页结构—HTML标签介绍【知识储备】5路经1)绝对路径绝对路径是书写完整的略径,系统按照整个路径查找文件。绝对略径中的盘符后面用或“y/分,各目录名之间以及目录名与文件名之间用或分隔。例ImgSrc="htp//mg//>的服务器中的mg目录里;<Imgsrc="E/myweb/mage/flower,j

单元2 美丽鲜花网店—HTML标签与CSS样式基础《WEB前端开发实用案例教程》来自淘豆网www.taodocs.com转载请标明出处.