正文描述:《《网页设计HTML简介》PPT课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第二章HTML(XHTML)基础教学目标:回顾上学期学过的Web站点架设知识,并能够在实际中得到使用。掌握HTML的概念、结构和用途,初步学会使用HTML编辑工具。掌握HTML常用标签的作用及用法。学会实际动手编写第一个自己的HTML页面。教学重点和难点:HTML文件基本结构和编写DW编辑器的基本使用一、Web站点的运行环境和运行过程运行环境:1、服务端需要安装IIS(InternetInformationServer)Internet信息服务器。2、客户端需要安装浏览器(例如:InternetEx
2、plorer简称IE)。3、运行过程:图示如下。发出请求到服务端发送数据到客户端ServerClient使用HTTP(超文本传输协议)工作HTML文档的定义和作用HTML是HyperTextMarkupLanguage的简写,称为超文本标记语言。HTML并不是一种程序,也不是一个图文混排的排版软件,它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件,可以使用任何一种文本编辑器进行编写,通过浏览器解释执行。二、HTML简介及基本结构HTML文档基本结构文件开始文件结束文件头区域
3、文件标题文件体区域文件中可见内容*文件头中的内容在浏览器打开时是看不到的,这些内容只是用来设置文件标题和属性的。*文件体中的内容在浏览器中是可以看到的,可见部分的代码必须写在……区域中。HTML文档语法(1)单标签:格式为<标签名称>,其作用是在相应位置插入标签,例如
标签表示在该标签所在的位置插入一个换行符。注:XHTML中单标签的书写格式为<标签名称/>(2)双标签:由首标签和尾标签两部分组成,格式为<标签名称>要控制的内容,仅对包含在其中的文件部分
4、发生作用。(3)标签属性:在单标签或是双标签的首标签中可以设置一些属性,增强该标签的作用,格式为<标签名称属性1=“值1“属性2=“值2“……>,尾标签保持原样。*属性中的双引号切记不要省略。*由标签相互进行嵌套构成整个文档。*单、双标签切记不要忽视或是缺省。*网页显示的速度与网页代码的质量有很大的关系。三、HTML常用标签1、标题标签:格式:
作用:为浏览器标题栏设置标题。2、页面的主体标签:格式:属性:text、background、bgco
5、lor、leftmargin、topmargin。作用:要在浏览器中显示的内容必须放于其中。3、换行标签:格式:
作用:使标签后面的内容从下一行开始显示。4、强制不换行标签:格式:作用:把不适于分开的词和短语放在同一行中。5、分段控制标签:格式:
6、显示文字标签实现。7、居中对齐标签:格式:
7、0表示黑色,#FFFFFF表示白色,每二位表示三颜色RGB(红、绿、蓝)中的一种颜色。10、文字修饰标签格式:……(粗体)……(粗体)……(斜体)……(斜体)……(下划线)……(删除线)……(上标)……(下标)*文字更多、更强的修饰可以由CSS样式表完成,在后续的CSS样式章节中会进行详细讲解。11、水平线标签格式:
8、横线,横线上下两端都会留出一定的空白。标签的属性有(size、width、align、color、noshade),详见下表。属性值功能单位默认值size数字设置粗细Pixel(像素)2width数字设置宽度Pixel(像素)、百分比100%alignLeft、center、right设置横向对齐方式centercolor颜色代码设置颜色#000000noshade无设置不显示3D阴影12、插入图像标签格式:属性:src:设置图像存放的位置。width:设置
显示全部收起
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。