HTML 标签 综合案例
网页制作思路：从上到下，先整体再局部，逐步分析制作
1 案列一
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>尤雨溪</h1><hr><p>尤雨溪，前端框架<a href="#">Vue.js</a>的作者，<a href="#">HTML5</a>版Clear的打造人，独立开源开发者。曾就职于GoogleCreativeLabs和MeteorDevelopmentGroup。由于工作中大量接触开源的项目<a href="#">JavaScript</a> ，最后自己也走上了开源之路，现全职开发和维护<a href="#">Vuejs</a> 。</p><img src="https://pic.baike.soso.com/ugc/baikepic2/0/20240509143500-1090305607_jpeg_460_460_34145.jpg/300" alt="尤雨溪的照片" title="尤雨溪"> <h2>学历经历</h2> <p>尤雨溪毕业于上海复旦附中，在美国完成大学学业，本科毕业于ColgateUniversity，后在Parsons设计学院获得Design&Technology艺术硕士学位，任职于纽约GoogleCreativeLab。</p><h2>主要成就</h2><p>尤雨溪<strong>大学专业并非是计算机专业</strong>，在大学期间他学习专业是室内艺术和艺术史，后来读了美术设计和技术的硕士，<ins>正是在读硕士期间，他偶然接触到了JavaScript，从此被这门编程语言深深吸引，开启了自己的前端生涯</ins> 。</p><p>2014年2月，开发了一个前端开发库Vue.js。Vue.js是构建Web界面的JavaScript框架，是一个通过简洁的APl提供高效的数据绑定和灵活的组件系统。</p><h2>社会任职</h2><p>2016年9月3日，在南京的JSConf上，Vue作者尤雨溪正式宣布加盟阿里巴巴Weex团队，尤雨溪称他将以技术顾问的身份加入Weex团队来做Vue和Weex的JavaScriptruntime整合，目标是让大家能用Vue的语法跨三端。</p>
</body>
</html>运行效果：
2 案列二
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=h1, initial-scale=1.0"><title>Vue 简介</title>
</head>
<body><h1>Vue.js</h1><p>Vue（读音/vju:/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。[5]与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动。</p><p>其作者为 <a href="./01-标签的写法.html" target="_blank">尤雨溪</a></p><h2>主要功能</h2><p>Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。</p><p>Vuejs的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。</p><p>Vuejs自身不是一个全能框架一一它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时[2]，Vuejs也能驱动复杂的单页应用。</p><video src="#" controls>这是一个视频</video>
</body>
</html> 运行效果：
参考链接：
14-综合案例1-个人简介_哔哩哔哩_bilibili
15-综合案例2-vue简介_哔哩哔哩_bilibili