Web前端属性可以分为四种类型：HTML属性、CSS属性、JavaScript属性和自定义属性。

HTML属性：HTML属性是由HTML元素定义的属性。常见的HTML属性包括id、class、src、alt、href、style等。这些属性用于定义元素的标识、样式、链接、图片等。

CSS属性：CSS属性是用于控制元素外观和样式的属性。常见的CSS属性包括color、background、font-size、margin、padding、display等。这些属性用于控制元素的颜色、背景、字体大小、边距、内边距、显示方式等。

JavaScript属性：JavaScript属性是用于控制和操作元素的行为和内容的属性。常见的JavaScript属性包括innerHTML、innerText、value、src、href、style等。这些属性用于修改元素的内容、值、链接、样式等。

自定义属性：自定义属性是由开发者自己定义的属性，用于扩展HTML元素的功能。自定义属性的命名应该以“data-”开头，例如data-name、data-age等。自定义属性可以通过JavaScript来操作和获取，用于存储和传递额外的信息。

总结：Web前端属性包括HTML属性、CSS属性、JavaScript属性和自定义属性。HTML属性控制元素的标识、链接和样式；CSS属性控制元素的外观和样式；JavaScript属性控制元素的行为和内容；自定义属性用于扩展元素功能。在开发Web前端页面时，我们可以根据需要使用这些属性来控制和定制页面的显示和行为。