《Web技术原理与应用》课件 第2章 HTML基础.ppt

第二章HTML基础内容01HTML概述02文本内容描述03图像与链接描述04表格描述05列表06表单与多媒体第一节HTML概述一、HTML简介HTML(HypertextMarkupLanguage)即超文本描述语言,用于描述网页内容。HTML最初由CERN(anizationforNuclearResearch,欧洲粒子物理研究所)的TimBerners-Lee提出HTML是SGML(StandardGeneralizedMarkupLanguage,标准化通用标记语言)的子集。对HTML的编辑可以用文本编辑器完成,也可以使用可视化设计软件来完成。随着HTML标准版本的升级,HTML不仅仅是增强了图文版本功能,还加引入了语义、样式、行为等概念,将内容、样式以及行为进行分离,通过JavaScript脚本语言来增强客户端的动态交互等功能。2015年5月,,让HTML的发展进入了一个新的阶段。二、HTML基本语法简单来讲,HTML主要由元素(Element)和属性(Attribute)组成。元素用于描述网页中的对象,标记的属于用于描述该对象的特征。元素与标记每个元素(Element)代表一个文档结构或者内容,每个元素通常由3个部分组成:开始标记(StartTag)、内容、结束标记(EndTag)开始标记内容结束标记<h1>这是一级标题</h1>在HTML4中一共有约90个元素,涵盖了文档结构、文本、列表、表格、超链接、图像、对象、表单等方面。元素名称大多是英语单词的简写,也有的是全称,因此在学****的时候可以与其英语单词结合起来记忆。标记属性每个元素的起始标记中可以包含指定的属性及其属性值,用于指定该元素的某方面特征。属性与属性值之间用“=”连接,属性值需要用引号引起来。<h1id="section1"align="center">第一部分内容</h1>在HTML4中大约有120个属性,但并不是每个标记都可以使用所有的属性。有的标记规定包含多个属性,有的标记规定只有少数几个属性。注释为了增强HTML代码的可维护性、提高代码可读性,特别是为了便于与他人合作,需要在网页中加入适当注释。<!--注释内容-->HTML字符参考由于HTML标记、属性语法中用到了一些特殊符号,在HTML中采用了一种特殊符号组合来表示,这就是字符参考。HTML中的参考字符有两种形式:基于数字(Numeric)的字符参考。语法为“&#D;”或者“&#H;”,D为一个十进制数,H为一个十六进制数。基于实体(Entity)的字符参考。采用一个特殊的英语名称来代替数字。例如“&lt;”表示“<”,“lt”是lessthan的意思;“&gt;”表示“>”,“gt”是greaterthan的意思。字符说明实体字符参考助记英语单词数字字符参考<小于号&lt;Lessthan&#60;>大于号&gt;Greaterthan&62;“引号&quot;Quotes&#34;半角空格&nbsp;No-breakspace&#160;&And符号&amp;Ampersand&#38;©版权所有&copy;Copyright&#169;®注册商标&reg;Registered&#174;™商标&trade;Trademark&#8482;¥元符号&yen;Yen&#165;HTML中颜色与长度表示在网页中需要设置各标记的背景、边框、字体等内容的颜色,我们通过color属性来实现,color属性的取值需要用到颜色的表示方法。在网页有两种表示颜色的方法:基于颜色名的表示方法和基于RGB颜色分量的表示方法。Black=#000000 Silver=#C0C0C0Gray=#808080 White=#FFFFFF Maroon=#800000Red=#FF0000 Purple=#800080Fuchsia=#FF00FFGreen=#008000Lime=#00FF00Olive=#808000Yellow=#FFFF00Navy=#000080Blue=#0000FFTeal=#008080Aqua=#00FFFF在HTML中主要有两表示长度的单位:基于像素值和基于百分比,后者也要相对长度,相对于容器宽度的百分比。<tablewidth="80%"border="1"><tr><tdwidth="150">学号</td><td>姓名</td><td>性别</td></tr></table>三、HTML文档结构标记简单来讲,HTML主要由元素(Element)和属性(Attribute)组成。元素用于描述网页中的对象,标记的属于用于描述该对象的特征。一个HTML文档由3个部分组成:HTML文档类型声明。说明HTML的文档版本、使用语言等,其标记为<!DO