构建之法读书笔记2 html和css学习

第三章：软件工程师的成长
在个人能力的衡量与发展层面，软件工程师需要积累软件开发相关知识，提升技术技能，理解通用软件设计思想和软件工程思想，提升职业技能，产生实际成果。
团队对个人的期望：包括交流、说到做到、接受团队赋予的角色并按角色要求工作、全力投入团队活动、按照团队流程要求工作、准备和理性工作。

第四章：两人合作
要注意代码风格应简明、易读、无二义性，包括缩进、行宽、括号、断行与空白的行、分行、命名、下划线、大小写、注释等。
一定要进行代码复审：包括自我复审、同伴复审和团队复审，目的是找出代码错误、发现逻辑错误和算法错误、发现潜在错误和回归性错误、发现可能需要改进的地方、教育开发人员。
结对编程：在这一节我认识到两人合作的不同阶段包括萌芽阶段、磨合阶段、规范阶段、创造阶段和解体阶段。

相对路径：

<!-- 路径指的是查找文件时，从起点到终点经历的路线。
路径分类：
相对路径：从当前文件位置出发查找目标文件：
/表示进入某个文件夹里面
.表示当前文件所在文件夹
./表示进入当前文件夹
..表示当前文件夹上一级文件夹
../表示进入上一级文件夹
绝对路径：从盘符出发查找目标文件
Vindows电脑从盘符出发
Mac电脑从根目录出发 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>相对路径</title>
</head>
<body>
    <!-- 456.png -->
     <img src="./456.png">
    <!-- 123456.png -->
     <img src="./images/123456.png">
    <!-- 123.png -->
     <img src="../123.png">
</body>
</html>

超链接标签：

<!-- 跳转到其他页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接标签</title>
</head>
<body>

    <a href="https://www.baidu.com/" target="_blank">跳转到百度</a>
    <!-- 跳转到本地界面 -->
    <!-- target="_blank"使用新窗口打开页面 -->
    <a href="./01-标签的写法.html" target="_blank">跳转到01-标签的写法</a>
    <!-- 开发初期，不知道超链接的跳转地址，href属性值写#，表示空连接，不会跳转 -->
     <a href="#">空链接</a>
</body>
</html>

音频标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音频标签</title>
</head>
<body>
    <!-- 加属性controls显示音频控制面板 -->
    <!-- 在html5中，如果属性名哥属性值完全一样，可以简写为一个单词 -->
     <!-- 以下两种方法的结果一致 -->
    <audio src="./media/music.mp3" controls></audio>
    <audio src="./media/music.mp3" controls = "controls"></audio>
    <!-- 加属性loop循环播放 -->
    <audio src="./media/music.mp3" controls loop></audio>
    <!-- 加属性autoplay自动播放 -->
    <!-- 一般无效果，浏览器禁用自动播放效果 -->
    <audio src="./media/music.mp3" controls loop autoplay></audio>
</body>
</html>

视频标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 在浏览器中想要自动播放，必须加上muted属性 -->
    <video src="./media/vue.mp4" controls loop muted autoplay></video>
</body>
</html>

综合案例：名人简介

<!-- 网页制作思路：从上到下，先整体再局部，再逐步分析 -->
 <!-- 分析内容->写代码->保存->刷新浏览器，看效果 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>名人简介</title>
</head>
<body>
    <h1>孙颖莎</h1>
    <hr>
    <p>孙颖莎，女，2000年11月4日出生于河北省石家庄市，<strong>国际级运动健将</strong>，中国女子乒乓球运动员。效力于中国国家乒乓球队，<strong>现女单世界第一</strong>。</p>
    <img src="https://bkimg.cdn.bcebos.com/pic/562c11dfa9ec8a136327f3867754868fa0ec08fa6a07?x-bce-process=image/format,f_auto/quality,Q_70/resize,m_lfit,limit_1,w_536" alt="中国乒乓球运动员孙颖莎" title="中国乒乓球运动员孙颖莎" width="300">
    <h3>早年经历</h3>
    <hr>
    <p>2000年11月4日，孙颖莎出生于河北省石家庄，家里之前没有人从事过专业的体育运动。5岁的时候，上学前班的孙颖莎被父母送到石家庄市的和平西路小学，开始练习乒乓球。10岁进入河北省队。<br>
        2014年，获得亚洲青少年比赛U15组单打冠军；<br>
        2015年，获得全国少年锦标赛单打冠军、亚洲青少年比赛U15组团体冠军与单打亚军，以及全国春季、夏季大区集训省市队总积分第一名。</p>
    <h3>主要成就</h3>
    <hr>
    <p>2015年，孙颖莎进入国家二队。<br>
        2017年，升入一队；6月，首次参加成人组赛事，在日本公开赛中斩获女单、女双两项冠军；7月，世界排名从无直接“空降”至世界第10；同年斩获2017年世青赛女单、女双、女团三冠。<br>
        2018年，获得青奥会女单冠军。<br>
        2019年，获得世锦赛女双冠军、世界杯女团冠军，并首次摘得亚锦赛与全锦赛女单冠军。<br>
        2020年，获WTT澳门国际乒乓球女单冠军，是WTT历史上首位冠军。<br>
        2021年，获得东京奥运会乒乓球女单亚军、女团冠军;11月，获得世乒赛女单亚军、女双冠军、混双冠军。12月，获得2021年WTT世界杯女单冠军。<br>
        2022年1月，首次登顶世界第一，成为世界乒坛首位“00后”世界第一。2022年，获得成都世乒赛女团冠军，并蝉联WTT世界杯决赛女单冠军。<br>
        2023年，孙颖莎获得WTT新加坡大满贯女单、女双、混双三项冠军，成为WTT大满贯赛史上首位“三冠王”；5月，获得德班世乒赛女单冠军、混双冠军，成为世乒赛历史上首位00后单打冠军，同时成就世乒赛金满贯；10月，获得杭州亚运会女单、女团及混双三项冠军；12月，获WTT名古屋女子总决赛女单冠军，实现总决赛三连冠。<br>
        2024年4月，首次获得国际乒联世界杯女单冠军；2024年巴黎奥运会获得混双金牌、女团金牌、女单银牌，其中<strong>混双金牌也是中国乒乓球队首枚混双金牌</strong>。2024年10月，夺得WTT中国大满贯女单冠军。</p>
        <strong><em>混双决赛回顾</em></strong><br>
        <video src="./巴黎奥运会混双.mp4" controls loop muted autoplay width="300"></video>
    <h3>职业生涯</h3>
    <hr>
    <p>2020年8月，孙颖莎当选中华全国青年联合会第十三届委员会委员。<br>
        2021年10月3日，参加2020年东京奥运会乒乓球冠亚军落户威海南海新区赠房仪式并获得赠房。同时，获得威海南海新区管理委员会颁发的“威海南海新区荣誉居民”证书。<br>
        2023年6月10日，受石家庄市人民政府、市法治宣传教育领导小组聘请，担任“石家庄普法形象大使”，并获颁聘书。<br>
        2024年8月22日，河北石家庄乒乓球奥运冠军孙颖莎，被河北省文旅厅聘请为“<strong>河北文旅代言人</strong>”。<br>
        2024年8月27日，曾宪梓体育基金会巴黎奥运会内地金牌运动员颁奖仪式在京举行。金牌运动员代表孙颖莎表示，曾宪梓先生是爱国爱港的光辉典范，也是体育界敬重的老前辈，生前长期关心支持祖国体育事业，多次捐资奖励获得奥运会金牌的内地运动员，表达对内地运动员的鼓励和对内地体育事业的支持。<br>
        2024年9月23日，受聘为中关村第三小学“健康指导校长”。<br>
        <strong><ins>2025年1月8日，孙颖莎为西藏日喀则地震救援捐赠善款，携手中国乡村发展基金会，驰援西藏日喀则地震救援行动，帮助受灾地区早日渡过难关。</ins></strong></p>
    <a href="https://baike.baidu.com/item/%E5%AD%99%E9%A2%96%E8%8E%8E/20393412" target="_blank">孙颖莎百度详细介绍</a>
    <h3>人物关系</h3>
    <p>混双搭档：<a href="../综合案例2/乒乓球名人简介.html" target="_blank">王楚钦</a></p>
</body>
</html>

案例2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乒乓球名人简介</title>
</head>
<body>
    <h1>王楚钦</h1>
    <hr>
    <p>王楚钦，男，2000年5月11日出生于吉林省吉林市，<strong>国际级运动健将</strong>，中国女子乒乓球运动员。效力于中国国家乒乓球队，<strong>现女单世界第一</strong>。</p>
    <img src="https://bkimg.cdn.bcebos.com/pic/0ff41bd5ad6eddc451da707ff483a1fd5266d11695a4?x-bce-process=image/format,f_auto/quality,Q_70/resize,m_lfit,limit_1,w_536" alt="中国乒乓球运动员王楚钦" title="中国乒乓球运动员王楚钦" width="300">
    <h3>早年经历</h3>
    <hr>
    <p>王楚钦7岁开始接触乒乓球，后被父母送到吉林市船营区乒乓球学校。凭借左手握拍的优势和自身天赋，王楚钦球技进步很快，在一些少儿比赛中获得了优异成绩。他父母把他送到河北省青少年乒乓球培训基地专职学习乒乓球，接着王楚钦很快被北京市乒乓球队相中，并代表北京队征战乒乓球甲A联赛。</p>
    <h3>主要成就</h3>
    <hr>
    <p>2015年12月升入中国国家乒乓球队一队。2017年12月与薛飞获2017世界青少年锦标赛男双冠军 [1]。2018年7月获2018年韩国乒乓球公开赛混双亚军；8月获2018年雅加达亚运会乒乓球男团冠军 [2]；10月获得2018布宜诺斯艾利斯青奥会乒乓球男单冠军 [3]。2019年12月9日获“北京青年榜样·时代楷模”人物评选“青少年体育之星” [41]。2021年7月入选2020年东京奥运会中国体育代表团乒乓球项目运动员名单 [42]；9月获第十四届全运会男双冠军 [49] [58]；2021年11月休斯顿世乒赛混双搭档孙颖莎夺得混双金牌 [58-59]。2022年1月获WTT澳门冠军赛男子单打冠军 [144]；10月获成都第56届世界乒乓球团体锦标赛冠军 [143]、WTT澳门冠军赛男子单打冠军 [142]、新乡WTT世界杯男子单打冠军 [129]。
        2023年4月获2023年WTT冠军赛澳门站男单冠军 [188]；9月获杭州第19届亚运会乒乓球男子团体、混双、男单、男双冠军 [207-208] [212] [214]。2024年2月获釜山世乒赛团体赛男子团体决赛冠军；5月获2024年WTT沙特阿拉伯大满贯男单、男双、混双冠军 [241] [260-261]。2024年巴黎奥运会入选中国国家乒乓球队大名单，出战男单、男团以及混双项目 [249]。2024年7月获巴黎奥运会乒乓球混双冠军 [266]，8月获巴黎奥运会乒乓球男子团体冠军 [271]，11月夺得WTT总决赛男单冠军 [283]。
        2025年1月1日，乒超男团决赛，王楚钦领衔的山东魏桥夺得冠军。 [335]<br>
        <strong><em>混双决赛回顾</em></strong><br>
        <video src="../综合案例-个人简介/巴黎奥运会混双.mp4" controls loop muted autoplay width="300"></video>
    <h3>社会评价</h3>
    <hr>
    <p>2024年5月10日，伊利官宣王楚钦成为伊利品牌代言人。
        2024年9月，受聘为中关村第三小学“健康指导校长”。
        2025年1月8日，韩红爱心慈善基金会发布消息显示，多位文体明星向西藏地震灾区爱心捐款，其中包括奥运冠军王楚钦。</p>
    <a href="https://baike.baidu.com/item/%E7%8E%8B%E6%A5%9A%E9%92%A6/18738578" target="_blank">王楚钦百度详细介绍</a>
    <h3>人物关系</h3>
    <p>混双搭档：<a href="../综合案例-个人简介/名人简介.html" target="_blank">孙颖莎 </a></p>
</body>
</html>

posted @ 2025-01-22 15:17 haoyinuo 阅读(38) 评论(0) 收藏举报

刷新页面返回顶部

haoyinuo

构建之法读书笔记2 html和css学习

公告