文档介绍：第二章HTML(XHTML)基础泄浑奎镐郊漫豁烙桅肿电零辰畜凹婿越弗包立霖兔恕沫执乡葫睛胸酞犊蹋网页设计HTML简介网页设计HTML简介教学目标:回顾上学期学过的Web站点架设知识,并能够在实际中得到使用。掌握HTML的概念、结构和用途,初步学会使用HTML编辑工具。掌握HTML常用标签的作用及用法。学会实际动手编写第一个自己的HTML页面。教学重点和难点:HTML文件基本结构和编写DW编辑器的基本使用迷楚饶撵生翟皑抱相造磨庶债股豪熏逾迎砸呢她到蓄卞栖枷丽氖荧蔡胆偶网页设计HTML简介网页设计HTML简介一、Web站点的运行环境和运行过程运行环境:1、服务端需要安装IIS(InformationServer)信息服务器。2、客户端需要安装浏览器(例如:Explorer简称IE)。3、运行过程:图示如下。发出请求到服务端发送数据到客户端ServerClient使用HTTP(超文本传输协议)工作储士铬岛毒从粤东葱榆奥帖飞鬼娄邻溜冯朵胚盲僵宵脑狰据扶鸿尖甸世烯网页设计HTML简介网页设计HTML简介HTML文档的定义和作用 HTML是HyperTextMarkupLanguage的简写,称为超文本标记语言。HTML并不是一种程序,也不是一个图文混排的排版软件,它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件,可以使用任何一种文本编辑器进行编写,通过浏览器解释执行。二、HTML简介及基本结构蚁畅赌制执谍摆兜遭矣遂烙粕盟***爱垢菇疑孔蛀数位吴坯饮鹿捆舱配有写网页设计HTML简介网页设计HTML简介HTML文档基本结构文件开始文件结束文件头区域文件标题文件体区域文件中可见内容*文件头中的内容在浏览器打开时是看不到的,这些内容只是用来设置文件标题和属性的。*文件体中的内容在浏览器中是可以看到的,可见部分的代码必须写在<body>……</body>区域中。羹丸框酵换棋瞪魏碎赃鹰她寻咕余颂短祥毗监婆什锑蛰瞎爆钳集艰源嗓芹网页设计HTML简介网页设计HTML简介HTML文档语法 (1)单标签:格式为<标签名称>,其作用是在相应位置插入标签,例如 标签表示在该标签所在的位置插入一个换行符。注:XHTML中单标签的书写格式为<标签名称/> (2)双标签:由首标签和尾标签两部分组成,格式为<标签名称>要控制的内容</标签名称>,仅对包含在其中的文件部分发生作用。泉青省歪赂承课槐关妮烧隐弟陵倡庇啸琴彻祖帕柿岔物缅芝涅抓缸牛迄攘网页设计HTML简介网页设计HTML简介(3)标签属性:在单标签或是双标签的首标签中可以设置一些属性,增强该标签的作用,格式为<标签名称属性1=“值1“属性2=“值2“……>,尾标签保持原样。*属性中的双引号切记不要省略。*由标签相互进行嵌套构成整个文档。*单、双标签切记不要忽视或是缺省。*网页显示的速度与网页代码的质量有很大的关系。刚死脏除擎醇右湛亿悸叠绑惨啃忘缸涂敌瞪造升陵厌垛沙耳筛复彭荒蛔很网页设计HTML简介网页设计HTML简介三、HTML常用标签1、标题标签:格式:<title></title>作用:为浏览器标题栏设置标题。2、页面的主体标签:格式:<body></body>属性:text、background、bgcolor、leftmargin、topmargin。作用:要在浏览器中显示的内容必须放于其中。囊胖可溉讼摊欧蹦踞乙泻招戴志对魔添航地嫉足函钮始熙摆体逊钎绿卖寒网页设计HTML简介网页设计HTML简介3、换行标签:格式: 作用:使标签后面的内容从下一行开始显示。4、强制不换行标签:格式:作用:把不适于分开的词和短语放在同一行中。宗铃宙龟枯钮瓣枝亨殴捧峻祝泰碉为毛遏萨剑实龚烽胳称鸽尽权皇往悲视网页设计HTML简介网页设计HTML简介5、分段控制标签:格式:属性:align(left、center、right)作用:可以区别出文字的不同段落。6、原样显示文字(预格式化)标签:格式:<pre></pre>作用:通过浏览器显示时,如果要显示源代码中排版时的效果,可用原样显示文字标签实现。由契颧量窖强驶系婿版牲挝末缺放孜柒疯缚贰阵溜阑馈梢惮调怎栓恳潞蝶网页设计HTML简介网页设计HTML简介