前端开发中静态资源主要包括HTML、CSS、JavaScript、图像文件、字体文件，这些资源在加载和渲染时并不会发生变化，直接从服务器传送到客户端。HTML是前端开发的基础，用于定义网页的结构和内容。CSS用于定义页面的样式和布局，使得页面更具美观性和一致性。JavaScript则是为网页添加动态功能和交互效果的编程语言。图像文件（如JPEG、PNG、GIF）用于在网页中展示图片和图标，提升用户体验。字体文件则用于自定义网页中的字体样式，使得文字展示更加丰富和多样化。HTML作为前端开发的基石，不仅定义了网页的基本结构，还通过标签和属性与其他资源进行紧密结合，确保页面的完整性和功能性。
一、HTML
HTML（超文本标记语言）是前端开发的核心，它通过一系列标签和属性来定义网页的结构和内容。HTML文件通常以“.html”或“.htm”作为文件扩展名。HTML的主要作用是将文本、图像、链接、表格和其他内容元素组织成一个有序的网页。HTML的基本结构包括文档声明、头部和主体三部分。文档声明部分定义了HTML的版本，头部部分包含了网页的元数据，如标题、字符集、链接到CSS文件等，而主体部分则包含了网页的实际内容，如段落、标题、列表、表格、图像和链接等元素。
HTML标签是网页内容的基石，这些标签通常成对出现，包含开始标签和结束标签。HTML标签可以嵌套使用，形成一个树状结构。HTML的语义化标签（如