HTML基础教程chapter01

小凯哥HTML授课课件第一版本第一课时（介绍）（二十分钟）目标1、在讲解HTML之前首先要告诉学员HTML能干什么？2、让学员能够直白的了解HTML是什么？3、向学员展示我们学完之后要完成的案例。4、让学员能够掌握HTML的基本结构。5、使用HelloWorld经典案例完成本课时。6、课后练习题。授课内容HTML能干什么？什么是HTML？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML标签HTML标记标签通常被称为HTML标签(HTMLtag)。HTML标签是由尖括号包围的关键词，比如htmlHTML标签通常是成对出现的，比如b和/b标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML文档=网页HTML文档描述网页小凯哥HTML授课课件第一版本HTML文档包含HTML标签和纯文本HTML文档也被称为网页Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容：htmlbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/html例子解释html与/html之间的文本描述网页body与/body之间的文本是可见的页面内容h1与/h1之间的文本被显示为标题p与/p之间的文本被显示为段落HTML基本结构HELLOWORLD案例小凯哥HTML授课课件第一版本课后作业1、完成HTML第一个页面第二课时（元素）（四十分钟）目标1、了解HTML元素授课内容HTML元素HTML文档是由HTML元素定义的。HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。开始标签元素内容结束标签pThisisaparagraph/pahref=default.htmThisisalink/abr/小凯哥HTML授课课件第一版本注释：开始标签常被称为开放标签（openingtag），结束标签常称为闭合标签（closingtag）。HTML元素语法HTML元素以开始标签起始HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些HTML元素具有空内容（emptycontent）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数HTML元素可拥有属性提示：您将在本教程的下一章中学习更多有关属性的内容。嵌套的HTML元素大多数HTML元素可以嵌套（可以包含其他HTML元素）。HTML文档由嵌套的HTML元素构成。HTML文档实例htmlbodypThisismyfirstparagraph./p/body/html上面的例子包含三个HTML元素。HTML实例解释p元素：pThisismyfirstparagraph./p这个p元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签p，以及一个结束标签/p。元素内容是：Thisismyfirstparagraph。body元素：小凯哥HTML授课课件第一版本bodypThisismyfirstparagraph./p/bodybody元素定义了HTML文档的主体。这个元素拥有一个开始标签body，以及一个结束标签/body。元素内容是另一个HTML元素（p元素）。html元素：htmlbodypThisismyfirstparagraph./p/body/htmlhtml元素定义了整个HTML文档。这个元素拥有一个开始标签html，以及一个结束标签/html。元素内容是另一个HTML元素（body元素）。HTML标签注释：绿色的代表的html5新增的标签基础标签描述!DOCTYPE定义文档类型。html定义HTML文档。title定义文档的标题。body定义文档的主体。h1toh6定义HTML标题。p定义段落。br定义简单的折行。hr定义水平线。!--...--定义注释。小凯哥HTML授课课件第一版本格式标签描述acronym定义只取首字母的缩写。abbr定义缩写。address定义文档作者或拥有者的联系信息。b定义粗体文本。bdi定义文本的文本方向，使其脱离其周围文本的方向设置。bdo定义文字方向。big定义大号文本。blockquote定义长的引用。center不赞成使用。定义居中文本。cite定义引用(citation)。code定义计算机代码文本。del定义被删除文本。dfn定义定义项目。em定义强调文本。font不赞成使用。定义文本的字体、尺寸和颜色i定义斜体文本。ins定义被插入文本。kbd定义键盘文本。mark定义有记号的文本。meter定义预定义范围内的度量。pre定义预格式文本。progress定义任何类型的任务的进度。q定义短的引用。rp定义若浏览器不支持ruby元素显示的内容。rt定义ruby注释的解释。小凯哥HTML授课课件第一版本ruby定义ruby注释。s不赞成使用。定义加删除线的文本。samp定义计算机代码样本。small定义小号文本。strike不赞成使用。定义加删除线文本。strong定义语气更为强烈的强调文本。sup定义上标文本。sub定义下标文本。time定义日期/时间。tt定义打字机文本。u不赞成使用。定义下划线文本。var定义文本的变量部分。wbr定义视频。表单标签描述form定义供用户输入的HTML表单。input定义输入控件。textarea定义多行的文本输入控件。button定义按钮。select定义选择列表（下拉列表）。optgroup定义选择列表中相关选项的组合。option定义选择列表中的选项。label定义input元素的标注。fieldset定义围绕表单中元素的边框。legend定义fieldset元素的标题。isindex不赞成使用。定义与文档相关的可搜索索引。datalist定义下拉列表。小凯哥HTML授课课件第一版本keygen定义生成密钥。output定义输出的一些类型。框架标签描述frame定义框架集的窗口或框架。frameset定义框架集。noframes定义针对不支持框架的用户的替代内容。iframe定义内联框架。图像标签描述img定义图像。map定义图像映射。area定义图像地图内部的区域。canvas定义图形。figcaption定义figure元素的标题。figure定义媒介内容的分组，以及它们的标题。音频/视频标签描述audio定义声音内容。source定义媒介源。track定义用在媒体播放器中的文本轨道。video定义视频。链接标签描述a定义锚。link定义文档与外部资源的关系。小凯哥HTML授课课件第一版本nav定义导航链接。列表标签描述ul定义无序列表。ol定义有序列表。li定义列表的项目。dir不赞成使用。定义目录列表。dl定义定义列表。dt定义定义列表中的项目。dd定义定义列表中项目的描述。menu定义命令的菜单/列表。menuitem定义用户可以从弹出菜单调用的命令/菜单项目。command定义命令按钮。表格标签描述table定义表格caption定义表格标题。th定义表格中的表头单元格。tr定义表格中的行。td定义表格中的单元。thead定义表格中的表头内容。tbody定义表格中的主体内容。tfoot定义表格中的表注内容（脚注）。col定义表格中一个或多个列的属性值。colgroup定义表格中供格式化的列组。样式/节小凯哥HTML授课课件第一版本标签描述style定义文档的样式信息。div定义文档中的节。span定义文档中的节。header定义section或page的页眉。footer定义section或page的页脚。section定义section。article定义文章。aside定义页面内容之外的内容。details定义元素的细节。dialog定义对话框或窗口。summary为details元素定义可见的标题。元信息标签描述head定义关于文档的信息。meta定义关于HTML文档的元信息。base定义页面中所有链接的默认地址或默认目标。basefont不赞成使用。定义页面中文本的默认字体、颜色或尺寸。编程标签描述script定义客户端脚本。noscript定义针对不支持客户端脚本的用户的替代内容。applet不赞成使用。定义嵌入的applet。embed为外部应用程序（非HTML）定义容器。object定义嵌入的对象。param定义对象的参数。小凯哥HTML授课课件第一版本小提示不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示HTML：pThisisaparagraphpThisisaparagraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释：未来的HTML版本不允许省略结束标签。空的HTML元素没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。br就是没有关闭标签的空元素（br标签定义换行）。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如br/，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使br在所有浏览器中都是有效的，但使用br/其实是更长远的保障。HTML提示：使用小写标签HTML标签对大小写不敏感：P等同于p。许多网站都使用大写的HTML标签。W3School使用的是小写标签，因为万维网联盟（W3C）在HTML4中推荐使用小写，而在未来(X)HTML版本中强制使用小写。第三课时（属性）定义属性为HTML元素提供附加信息。HTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=value。属性总是在HTML元素的开始标签中规定。属性实例小凯哥HTML授课课件第一版本HTML链接由a标签定义。链接的地址在href属性中指定：ahref=更多HTML属性实例属性例子1:h1定义标题的开始。h1align=center拥有关于对齐方式的附加信息。属性例子2:body定义HTML文档的主体。bodybgcolor=yellow拥有关于背景颜色的附加信息。属性例子3:table定义HTML表格。tableborder=1拥有关于表格边框的附加信息。HTML提示：使用小写属性属性和属性值对大小写不敏感。不过，万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。而新版本的(X)HTML要求使用小写属性。始终为属性值加引号属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号