HTML 网页基本组成

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

1)元素:通过HTML标签实现;

2)样式:通过CSS实现;

3)客户端动态:通过JavaScript实现。

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


元素

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

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

img


样式

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

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

img

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


客户端动态

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

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

img

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


小结

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