HTML 网页基本组成

HTML 网页基本组成 | 小步教程

HTML 网页基本组成

网页的基本组成包括3个部分：

1）元素：通过HTML标签实现；

2）样式：通过CSS实现；

3）客户端动态：通过JavaScript实现。

广义的HTML技术包括：HTML标签、CSS、JavaScript。

元素

通过HTML标签实现，例如：文本输入框(标签input)、段落(标签p)、图片(标签img)、按钮(标签button)。

元素默认并不美观。下图包含的元素：1个标题、2个按钮。

样式

样式通过CSS技术实现，用于美化元素，例如：字体大小颜色、背景颜色、边框。

例如button按钮默认很丑，通过样式技术可以实现的漂亮。

左边按钮采用的默认样式，右边是CSS美化后的样式。

客户端动态

页面通常不是完全的静态效果。为增强用户体验，内容会根据用户操作相应变化。

例如JD首页右侧的导航菜单，当我们鼠标放在不同的品类上，右边会显示具体的明细品类。

客户端动态需要通过JavaScript（简称JS）实现。

小结

广义的HTML技术包括：HTML标签、CSS、JavaScript。