web基础教程之HTML篇v1.0.ppt

1、课程名称网络基础课程(html )，讲师：喻辉中心邮件：开篇，欢迎大家跟我一起网络基础网络基础内容： html、CSS、div css布局、JavaScript要点配置：html HTML，超文本标签语言hyper ter 这些选项卡显示了如何在WEB浏览器中显示页面。 HTML文件必须使用htm或HTML作为文件扩展名。 可以使用简单的文本编辑器创建HTML文件。 first.HTML，html概要，博客，XHTML， XHTML是可扩展的超文本标记语言extensiblehypertextmarkuplanguagexhtml的目标是W3C标准XHTML代替HTML XHTML其可扩展性和

2、灵活性支持更多未来网络应用XHTML语言我国有一个通用的名称：DIV CSS，可以直接在浏览器中运行XHTML，不需要编译，学习HTMLXHTML的方法，学习XHTML不需要任何基础，当然可以阅读XHTML教程和它的例子，学习XHTML 在学习过程中，找到以前喜欢阅览的网站，可以看到在实际的网站设置修订过程中如何使用XHTML。 只需单击浏览器工具栏中的“查看”按钮，然后选择“查看源文件”，即可查看此页的代码。 只有坚持实践练习，才能提高水平。 HTML和HTML标签用于标记HTML元素。 HTML标签用符号括起来。 这些包围的符号叫做花括号。 HTML标签以配对形式显示。 例如，开始和结束标

3、记之间的文本是元素的内容。 HTML标签对大小写不敏感，与角色相同。 HTML注释和注释标记用于在HTML源代码中插入注释。 评论在浏览器中被忽略。 注释：标记中包含comment.HTML、HTML结构和HTML文件的所有内容的HTML语言在结构上必须分为标头和主体两部分，以提高代码的可读性并帮助进一步修改。 标头包含浏览器所需的信息，如文件编码、标题等。 主体中包含文件的主体内容。 首先，HTML概述、标签：、HTML标头、标头元素内部的标题信息不会显示在浏览器窗口中。 根据HTML标准，HTML的标头部分只有一些标签。 这些是：和。 元素指定页面中所有链接的基本URL元素，并提供有关浏览

4、器或搜索引擎的信息。 提供提示，例如描述文档的内容。 一个标签，它始终带有标题，位于文档中的开头，并声明位于标签之前。 此选项卡显示浏览器文档中使用的HTML或XHTML规范。 此选项卡声明了三种DTD类型，指明严格版本、过渡和基于帧的HTML文档没有结束标签。 HTML实例、xHTMLstrictdtdxHTMLtransitionaldtdxHTMLframesetdtd、html主体和html主体是html页面上最终显示的内容部分，并且可以包括在主体中。(1)输出文本HTML属性、属性为HTML提供附加信息的属性始终显示为名称-值对。 例如，name=value属性始终由HTML元素的开

5、始标记指定。总是用引号包围属性值，可以是属性、背景色bgcolor=red ，也可以是#rrggbb的形式，也可以在基本#号之后写入颜色、英文名RGB的各色的深背景图像backgroundback-ground.gif 的bodyproperty.HTML 标题字：标题字#=16字体大小属性： size字体大小字体颜色属性： color字体颜色家族属性： face小圆字体补充：段落标签和换行标签，html链接： html使用超链接在网络上的其他页面显示文本Href属性(链接页面地址) href=“链接到的页面地址”页面中打开所有链接的位置。 可以通过在每个链接上使用target属性来复盖此属性

6、。 HTML图像、标签用于在页面中插入图像，其语法形式： src表示图像URL地址alt在图像位置显示的文本图像框：边框设置图像周围的宽度border示例： reset.HTML、HTML链接图像、将图像作为链接：路径问题：链接相对路径与打开的页面相关联的路径绝对路径：资源路径与打开的页面不相关联的路径如果当前页面和引用资源位于同一文件夹中，则直接写入资源名如果当前文件夹下面有引用资源，则需要：/resource path 资源名称HTML表单：表单元素的区域表单标记：表单元素、HTML表单、表单角色：在动态web技术中，由于用户与服务器的交互是在表单中进行的，因此表单的角色非常重要。 表单结

7、构： (1) (2) (3)发送和复位(重要) Reset Submit、HTML表单输入类型， 文本框text文本字段textarea密码Password隐藏字段hidden复选框radio复选框Checkbox下拉列表Select option属性文件file， 打开HTML表单，上图：两个特殊按钮Submit，Reset普通按钮：表单的重要元素button按钮标签：HTML表单，重点：两个特殊按钮提交按钮重置按钮注意：提交按钮符合表单的action属性练习：练习表语法-定义表-定义表行-定义表元表示例描绘：行2列表： table.HTML注意：完整的表由3个标签组成，行和列、html表、

8、表标题标签(表标题位于表内部): 使用方法相同，但字体表标题： My Caption注意：标签下、第一个上、HTML表格、美化表格属性： border、bgColor、background表格大小属性： widground cellpadding连结表格属性： colspan、rowspan表格位置属性： align html表格，摘要：表格在页面上最重要的角色不是建立实际使用的表格，而是更多地说，html清单，无序清单：无序清单是项目的顺序。 每个项目现在都有标记。 通常黑色实心小圆的无序列表以标签开始。 每个列表项以开头。 示例： ulexample.HTML、html列表和有序列表也是项

9、目序列。 每个项目现在都有数字。 有序列表以标签开始。 每个列表项以开头。属性类型可以指定为a、a、1、I和I的示例。 olexample.HTML、html列表和自定义列表自定义列表不是项序列，而是一系列项及其解释。 自定义列表以标签开始，自定义列表条目开始，自定义列表关残奥词开始。 例如： dlexample.HTML总结：列表经常用于我们后面的div css布局，大家都认真对待，html框架、框架用于分割窗口。 也就是说，浏览器在显示页面时被分割为几个部分，每个部分都以独立的页面显示。 添加图、HTML框架或框架的页面不需要元素。 使用frameset框架结构标签()来定义在框架中划分窗口的方式的每个