【前端 - HTML】第 3 课 - HTML 应用案例 - 个人简介

Aperion

已于 2023-06-07 10:43:48 修改

阅读量123

点赞数

分类专栏： HTML 文章标签： html 前端

于 2023-06-06 07:57:35 首次发布

本文链接：https://blog.csdn.net/qq_51870334/article/details/131049414

版权

HTML 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

欢迎来到博主 Apeiron 的博客，祝您旅程愉快！时止则止，时行则行。动静不失其时，其道光明。

1、缘起

2、示例代码

3、总结

1、缘起

昨天学了一些 HTML 的知识点，然后就想迫不及待的开发一个网页，于是乎就写了一个个人简介的网页。虽然网页制作的很简单，但是对于我来说就是一种进步，才刚开始学习 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=device-width, initial-scale=1.0">
        <title>尤雨溪个人简介</title>
    </head>


    <body>
    <h1>主要成就</h1>
    <hr>
    <p>尤雨溪，前端框架 <a href="F:\HTML\02_vue简介\main.html" target="_blank">vue.js</a> 的作者，<a href="#">HTML5</a> 版 Clear 的打造人，
        独立开源开发者，曾就职于 Google Creative Labs 和 Meteor
        Development Group，由于工作中大量接触开源的项目 <a href="#">Javascript</a> ，
        最后自己也走上了开源之路，现全职开发和维护 Vue.js。
    </p>

    <img src="./尤雨溪.jpg" alt="这是尤雨溪的照片" title = "尤雨溪"><br>

    <h2>学习经历</h2>

    <p>尤雨溪毕业于上海复旦附中，在美国完成大学学业，本科毕业于
        Colgate University，后在 Parsons 设计学院获得 Design & Technology
        艺术硕士学位，任职于纽约 Google Creative Lab。
    </p>

    <h2>主要成就</h2>

    <p>尤雨溪<strong>大学并非计算机专业</strong>，在大学期间它学习
    的专业是室内艺术和艺术史，后来读了美术设计和技术的硕士，<ins>正是他在
    读硕士期间，它偶然接触到了 Javascript ，从此被这门编程语言深深
    吸引，然后开启了自己的前段生涯。</ins>
    </p>

    <p>2014 年 2 月，开发了一个前端开发库 vue.js ,vue.js 是构建
        web 界面的 Javascript 框架，是一个通过简洁的 API 提供高效
        的数据绑定和灵活的组件系统。
    </p>

    <h2>社会任职</h2>

    <p>2016 年 9 月 3 日，在南京的 JSConf 上，Vue 作者尤雨溪正式
        宣布加盟阿里巴巴 Weex 团队，尤雨溪称他以技术顾问的身份加入
        Weex 团队来做 vue 和 Weex 的 Javascript runtime 整合，
        目标是让大家能用 vue 的语法跨三端。
    </p>
    </body>
</html>

② vue.js 简介网页代码

<!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>Vue 简介</title>
    </head>

    <body>
        <h1>Vue.js</h1>
        <p>Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，
            与其他大型框架不同的是，Vue 被设计为可以自底向上逐层
            应用，Vue 的核心库只关注视图层，不仅易于上手，还便于
            与第三方库或既有项目整合。另外一方面，当与现代化的工具
            链以及各种类型库结合使用时，Vue 也完全能够为复杂的单页
            应用(SPA)提供驱动。其作者是 <a href="F:\HTML\01_个人简介\main.html" target="_blank">尤雨溪</a> 。
        </p>

        <h2>主要功能</h2>

        <p>
            Vue.js 是一套构建用户界面的渐进式框架，与其他重量级
            框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的
            核心库只关注视图层，并且非常易于学习，非常容易与其他
            库或已有项目整合。另一方面，Vue 完全有能力驱动采用单
            文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
        </p>

        <p>
            Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定
            和组合的视图组件。
        </p>

        <p>
            Vue.js 的自身不是一个全能框架 ———— 它只能聚焦于视图层，
            因此它非常容易学习，非常容易与其他库或已有项目整合。
            另外一方面，在与相关工具和支持库一起使用时，Vue.js 也能
            驱动复杂的单页应用。
        </p>
    </body>
</html>

注：在个人简介网页含有 Vue.js 简介的超链接，点击超链接可以跳转到 Vue.js 简介网页；同样地，在 Vue.js 简介网页中含有个人简介网页的超链接，点击超链接可以跳转到个人简介网页。

3、总结

学习编程语言的最大乐趣就是利用所学的知识可以做出一些 “花里胡哨” 的东西。为什么说是“花里胡哨”呢？是因为大概率下它没有任何用处而且还奇奇怪怪，但是，从无到有的这个过程却是非常吸引人且激动人心的。

本期的分享总结就到这里了，如果有疑问的小伙伴，我们在评论区交流嗷~~~，笔者必回，我们下期再见啦！！！

前端 - HTML 专栏系列将持续更新，，，，，，

Aperion

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
【前端 - HTML】第 3 课 - HTML 应用案例 - 个人简介

学习编程语言的最大乐趣就是利用所学的知识可以做出一些 “花里胡哨” 的东西。为什么说是“花里胡哨”呢？是因为大概率下它没有任何用处而且还奇奇怪怪，但是，从无到有的这个过程却是非常吸引人且激动人心的。
复制链接

扫一扫