网页组件元素有：1.文本元素；2.图像元素；3.动画元素；4.声音和视频元素；5.超级链接；6.表格元素；7.表单元素；8.导航栏；9.按钮元素；10.Banner。文本元素是网页中最基本的组件元素，在设计网页时应考虑到文字的字体、字号、颜色、段落、层次等属性。

1.文本元素

文本元素是网页内容的核心部分。文字能准确地表达信息的内容和含义，且同样信息量的文本字节往往比图象小，比较适合大信息量的网站。在设计网页时，应考虑到文字的字体、字号、颜色、段落、层次等属性。

2.图像元素

图像是用来美化网页的主要元素，具有生动、直观等特点，在网页中合理使用图像，不仅可以产生一定的视觉冲击力，而且可以简化页面内容，从而传达出用文字难以表达的信息。在网页中可使用GIF, JPEG(JPG), PNG三种图象格式，其中使用较广泛的是GIF和JPEG两种格式。

3.动画元素

动画是网页上最活跃的元素，通常情况下，吸引访问者最有效的方法是制作优异的、有创意的动画。网页中使用的动画文件一般采用GIF动画格式或Flash动画格式。

4.声音和视频元素

用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MIDI,WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。视频文件均需插件(如REALONE、MEDIA PLAYER)支持，用于网络的视频格式主要有ASF、WMV、RM等流媒体格式。

5.超级链接

超级链接(简称超链接或链接)是网页中最重要和最基本的元素之一。超链接可以使一些孤立的网页产生一定的相互联系，从而使各个网页形成一个有机的整体。

6.表格元素

在网页中，表格元素主要用来控制网页中信息的布局方式。

7.表单元素

用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。表单由不同功能的表单域组成，最简单的表单也要包含一个输入区域和一个提交按钮。根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单，留言簿表单，搜索表单和用户注册表单等类型。

8.导航栏

导航栏实际上是一组采用超链接技术的网页对象，包括文字、图像、按钮等。它们有效地连接了网站或其他网站的内容，使你可以在各部分或各网站之间快速切换。导航栏的作用就是引导浏览者游历站点，同时首页的导航栏，对搜索引擎的收录意义重大。

9.按钮元素

网页中的“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件，通常都统称为按钮。按钮实质上也是一种超链接，通过按钮的形式可以直观地提示浏览者进行操作。

10.Banner

Banner多用于展示网络广告的内容，又称网络图片广告，常位于Logo的右侧，多采用GIF或Flash动画建立的动画元素，其形状、颜色应与整个页面的布局和色调一致。

网页中除了上述基本的组件元素之外，还有一些其它的常用元素，包括Java特效，ActiveX等各种特效。它们不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐，电子商务等方面也有着不可忽视的作用。

延伸阅读

HTML中常见的元素有哪些

1.块状元素

块状元素在网页中就是以块的形式显示(显示形状为矩形)。块状元素默认没有自己高度和宽度，默认情况下它的宽度是继承其父元素的宽度，高度是内容撑起来的高度，没有内容的时候高度为0。常用的块状元素：p, dl, dt, dd, ul, ol, fiedset, (h1-h6), p, form, hr, collgroup, col, table, tr,td等。

2.内联元素

内联元素或称行内元素，常见的行内元素:span, a, i, em, strong, b等。内联元素现实的宽度、高度，不能直接定义，它最小的内容单元也会呈现矩形形状;内联元素遵循盒模型的规则,但是会有部分无法显示；通常，内联元素后面如果是内联元素，则会在一行内逐个显示。

3.内联块状元素

内联块状元素同时具备内联元素、块状元素的特点，<img>、<input>标签就是这种内联块状标签。此类元素的高度、宽度、行高以及顶和底边距都可设置。

50万+团队都在用的项目协作工具一个工具满足团队所需：任务、项目、文档、IM、目标、 日历、甘特图、工时、审批以及更多，让工作更简单智能化研发管理工具PingCode 是简单易用的新一代研发管理平台，让研发管理自动化、数据化、智能化，帮助企业提升研发效能