NYMU-Taipei-IGEM-Wiki是国立阳明交通大学（原台北医学大学）参加国际基因工程机器设计竞赛（iGEM）的在线平台。该网站汇集了团队的研究项目、实验成果及设计理念，旨在促进全球科研交流与合作。
NYMU-Taipei-igem-wiki 是一个与国际基因工程机器大赛（iGEM）相关的项目，由纽约医学大学（NYMU）的台北团队创建。这个项目的Wiki部分可能包含了团队的研究、实验过程、项目成果以及与其他团队的合作信息。iGEM是一个全球性的生物学竞赛，鼓励学生利用合成生物学原理来解决实际问题。
在这个压缩包文件“NYMU-Taipei-igem-wiki-master”中，我们可以预期找到与项目网站源代码相关的HTML文件。HTML（超文本标记语言）是用于创建网页的标准标记语言，通过使用不同的标签来构建页面结构和内容。这些HTML文件将揭示团队如何设计和组织他们的在线展示，包括页面布局、文本内容、图像、链接和其他互动元素。
在研究这些HTML文件时，我们可以深入理解以下知识点：
1. **HTML基础**：了解HTML的基本结构，如文档类型声明（）、HTML标签（如、、
）、头部元数据（如<meta charset=UTF-8>）等。
2. **HTML元素**：分析各种元素，如段落（<p>）、标题（<h1>-<h6>）、列表（<ul>, <ol>, <li>）、链接（<a>）、图像（<img>）等，并了解它们如何用于组织和格式化内容。
3. **CSS集成**：HTML文件可能包含了内联样式、内部样式或引用了外部样式表，这有助于理解团队如何定制网页的外观和布局。
4. **响应式设计**：如果HTML文件包含媒体查询（@media queries），说明团队考虑了不同设备上的显示效果，使网站能在手机、平板电脑和桌面电脑上都有良好的用户体验。
5. **JavaScript交互**：除了HTML，团队可能还使用了JavaScript来增加网页的动态功能，如表单处理、动画效果或互动元素。这些脚本可能直接写在HTML文件中（<script>标签），或者链接到外部JS文件。
6. **页面结构**：通过查看HTML文件中的目录结构可以了解到网站的不同部分，比如首页、项目介绍、实验结果和团队成员等。
7. **SEO优化**：检查HTML中的元标签以了解团队如何优化他们的网页以提高搜索引擎可见性。
8. **版本控制**：由于文件名为“master”，这可能表明团队使用了版本控制系统（如Git），意味着他们对项目代码进行了版本管理和协作。
通过深入研究这些HTML文件，不仅可以了解到NYMU-台北团队在iGEM中的具体工作，还能学习到网页开发和项目组织的相关知识。对于想要了解Web开发或参加iGEM的人来说，这是一个宝贵的资源。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="Wiki2017: <span style=color: #f73131>iGEM</span> 2017 Wiki页面<span style=color: #f73131>的</span>原始代码"
href="https://d.itadn.com/i0_91368047212/B/1324565" target="_blank">Wiki2017: <span style=color: #f73131>iGEM</span> 2017 Wiki页面<span style=color: #f73131>的</span>原始代码</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本页面展示了iGEM 2017竞赛中团队构建的wiki站点的初始源代码，记录了项目规划、实验设计及成果展示等内容。
《iGEM 2017 Wiki页面源代码解析与技术详解》
iGEM是一项全球性的合成生物学竞赛，全称为International Genetically Engineered Machine Competition。在2017年的赛事中，中山大学的软件团队创建了一个名为S-Din的项目，并公开了其Wiki页面的源代码。这份源代码为理解Web开发技术和深入学习CSS、HTML和JavaScript的应用提供了宝贵机会。
本段落将着重介绍HTML，这是一种标记语言，用于构建网页结构并组织内容如文本、链接、图像及表格等。通过分析iGEM 2017 Wiki页面中的HTML元素，我们可以了解如何使用诸如`<header>`、`<nav>`、`<section>`和`<footer>`这样的语义化标签来提高代码的可读性和搜索引擎优化。
CSS（层叠样式表）用于控制网页布局及视觉效果。在SYSU团队提供的源码中，CSS可能包含选择器、属性与值等元素以定义页面的颜色、字体、位置及其他设计细节。通过研究这些代码，我们可以理解如何实现响应式设计来适应不同设备的展示需求，并了解使用Sass或Less这样的预处理器提高代码可维护性的方法。
JavaScript是赋予网页交互能力的关键技术，在iGEM 2017 Wiki页面中可能被用来处理动态效果、用户互动及数据加载等任务。通过分析源码中的JavaScript实现，我们可以学习如何利用jQuery或原生JavaScript进行DOM操作，并掌握ES6的箭头函数和模板字符串等现代特性。
在名为wiki2017-master的压缩包内，我们可找到如下文件结构：
- HTML文档：定义页面的基本框架。
- CSS样式表：负责网页的设计风格与布局。
- JavaScript脚本：提供交互逻辑和支持功能丰富性。
- 图片及其他资源（如.jpg、.png等）用于装饰和内容展示。
通过对这些文件的研究，开发者可以深入了解实际项目中的前端开发流程，并掌握如何将HTML、CSS及JavaScript有效结合以创建美观且用户体验良好的网页。此外，这还是一个探索合成生物学项目利用技术进行传播与交流的绝佳机会。对于希望提升Web开发技能或了解iGEM比赛的人而言，这份源代码无疑是珍贵的学习资料。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="湘<span style=color: #f73131>雅</span>医学专业词<span style=color: #f73131>典</span>（MAC版）.zip"
href="https://d.itadn.com/i0_79820892847/B/572539" target="_blank">湘<span style=color: #f73131>雅</span>医学专业词<span style=color: #f73131>典</span>（MAC版）.zip</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
《湘雅医学专业词典》是一款专为医疗专业人士设计的电子词典应用，适用于Mac平台。它包含了丰富的医学术语和专业知识，帮助用户快速准确地查询各类医学信息。
给Mac的Dictionary扩展英汉汉英词典的方法如下：
1. 解压文件以获取词典文件 xxx.dictionary。
2. 使用Finder搜索Dictionaries 文件夹并打开它。该文件夹的位置在 Macintosh HD/Users/你的用户名/Library/Dictionaries。
3. 将解压得到的词典文件 xxx.dictionary 拷贝到 Dictionaries 文件夹中。
4. 打开Mac中的Dictionary应用，进入偏好设置（command + ,）勾选所添加的词典。
享受新的词典功能吧！
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="AETA-403 Forbidden：<span style=color: #f73131>这</span><span style=color: #f73131>是</span>403 Forbidden<span style=color: #f73131>团</span><span style=color: #f73131>队</span><span style=color: #f73131>的</span>仓库"
href="https://d.itadn.com/i0_34434288712/B/902412" target="_blank">AETA-403 Forbidden：<span style=color: #f73131>这</span><span style=color: #f73131>是</span>403 Forbidden<span style=color: #f73131>团</span><span style=color: #f73131>队</span><span style=color: #f73131>的</span>仓库</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
AETA-403 Forbidden是由403 Forbidden团队维护的一个代码库，主要用于存放项目相关的源代码和文档资料。
AETA-403禁止：这是403 Forbidden团队的资料库。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>雅</span>思词汇必备——背单词<span style=color: #f73131>的</span>经<span style=color: #f73131>典</span>指南"
href="https://d.itadn.com/i0_38831519941/B/584813" target="_blank"><span style=color: #f73131>雅</span>思词汇必备——背单词<span style=color: #f73131>的</span>经<span style=color: #f73131>典</span>指南</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本书为雅思考生量身打造，涵盖考试所需核心词汇，并提供高效记忆方法和实用练习题，是备考路上不可或缺的良师益友。
《雅思词汇真经》PDF文件的作者是刘洪波，他是雅思培训界的顶级名师。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="玛<span style=color: #f73131>雅</span><span style=color: #f73131>模</span><span style=color: #f73131>型</span>资源库"
href="https://d.itadn.com/i0_52870926888/B/140025" target="_blank">玛<span style=color: #f73131>雅</span><span style=color: #f73131>模</span><span style=color: #f73131>型</span>资源库</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
玛雅模型资源库是一个专注于提供高质量3D模型下载和分享的平台，特别针对使用Maya软件的艺术家和设计师。这里汇聚了丰富多样的模型素材，覆盖角色设计、场景构建等多个领域，是寻求创意灵感与实用资源的理想之地。
电影中的怪兽、机器人以及变形金刚等各种角色，还有三D动画片里的场景元素，都是通过三维建模技术制作出来的。这里提供了一些精美的模型参考资源，非常适合初学者用来学习Maya和3dmax等软件的入门知识。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="玛<span style=color: #f73131>雅</span>角色0<span style=color: #f73131>模</span><span style=color: #f73131>型</span>"
href="https://d.itadn.com/i0_92530356403/B/729718" target="_blank">玛<span style=color: #f73131>雅</span>角色0<span style=color: #f73131>模</span><span style=color: #f73131>型</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
玛雅角色0模型是一款采用Autodesk Maya软件制作的基础3D人物模型资源，适用于动画、游戏设计初学者学习和实践。
玛雅人物0模型适合初学者调试动画使用，可以直接调用动画功能。
</div><!---->
</div>
</li>
</body>
</html>
5星
