目录

  • 1 Course Sections
    • 1.1 Brief Introduction to iGEM competition
      • 1.1.1 Brief Introduction of Synthetic Biology
      • 1.1.2 Brief Introduction of iGEM
    • 1.2 AHUT_iGEM 2016
      • 1.2.1 Brief Introduction of Project
    • 1.3 AHUT_iGEM 2015
      • 1.3.1 Brief Introduction of Project
      • 1.3.2 比赛花絮
    • 1.4 AHUT_iGEM 2014
      • 1.4.1 比赛花絮
    • 1.5 AHUT_iGEM 2013
      • 1.5.1 比赛花絮
    • 1.6 Assignments of the Section
    • 1.7 We Want You!
      • 1.7.1 AHUT_China2017年招新计划
      • 1.7.2 AHUT_China优秀队友简介
  • 2 Modern Molecular Biology
    • 2.1 Basics of Modern Molecular Biology
    • 2.2 Key Experiments
      • 2.2.1 限制性内切核酸酶及限制性内切核酸酶消化DNA实验
      • 2.2.2 电泳技术以及琼脂糖凝胶电泳
      • 2.2.3 PCR基本操作
      • 2.2.4 DNA重组
      • 2.2.5 感受态细胞的制备
    • 2.3 Assignments of the Section
  • 3 Synthetic Biology
    • 3.1 Overview of Synthetic Biology
      • 3.1.1 合成生物学的诞生
      • 3.1.2 合成生物学的研究内容
      • 3.1.3 合成生物学的意义
      • 3.1.4 合成生物学工程本质
      • 3.1.5 合成生物学与相关学科
    • 3.2 Design of Synthetic Biology System
      • 3.2.1 标准化生物模块
      • 3.2.2 BioBrick命名规则
      • 3.2.3 BioBrick的连接
    • 3.3 Mathematical Modeling and Performance Analysis
    • 3.4 Frontiers of Synthetic Biology
      • 3.4.1 合成生物学研究方向
      • 3.4.2 新的研究成果
  • 4 Bioinformatics
    • 4.1 Summarization
    • 4.2 Brief Introduction to Bioinformatics
    • 4.3 Definition of Bioinformatics
    • 4.4 Phases Division of Bioinformatics
      • 4.4.1 前基因组时代
      • 4.4.2 基因组时代
      • 4.4.3 后基因组时代
    • 4.5 Development of Bioinformatics
    • 4.6 Research Direction of Bioinformatics
      • 4.6.1 序列比对
      • 4.6.2 蛋白质比对
      • 4.6.3 基因识别分析
      • 4.6.4 分子进化
      • 4.6.5 序列重叠群(Contigs)装配
      • 4.6.6 遗传密码
      • 4.6.7 药物设计
      • 4.6.8 生物系统
      • 4.6.9 技术方法
      • 4.6.10 生物图像
      • 4.6.11 其他
    • 4.7 Research Methods of Bioinformatics
    • 4.8 Mathematical Issues of Bioinformatics
      • 4.8.1 统计学的悖论
      • 4.8.2 度量空间的假设
    • 4.9 Assignment of the Section
  • 5 Current Protocols
    • 5.1 Basics of Biology Safety and Protection
      • 5.1.1 生物安全防护相关概念
      • 5.1.2 生物安全防护
    • 5.2 120 Toxic Substances in Biology Lab
    • 5.3 Safe Operations in Biology Lab
      • 5.3.1 标本容器的相关操作
      • 5.3.2 移液管和移液辅助器的使用
      • 5.3.3 避免感染性物质的扩散
      • 5.3.4 生物安全柜的使用
      • 5.3.5 避免感染性物质的食入以及与皮肤和眼睛的接触
      • 5.3.6 避免感染性物质的注入
      • 5.3.7 离心机的使用
      • 5.3.8 匀浆器、摇床、搅拌器和超声处理器的使用
      • 5.3.9 组织研磨器的使用
      • 5.3.10 冰箱与冰柜和培养箱的维护和使用
      • 5.3.11 标本的收集、标记和运输
      • 5.3.12 打开标本管和取样
      • 5.3.13 玻璃器皿和“锐器”
      • 5.3.14 用于显微镜观察的盖玻片和涂片
      • 5.3.15 自动化仪器(超声处理器、涡旋混合器)
    • 5.4 Plans and Programs of Contingency Response
      • 5.4.1 意外事故应对方案
      • 5.4.2 微生物实验室应急程序
    • 5.5 Assignment of the Section
  • 6 Wiki Web Design and Edit
    • 6.1 HTML
    • 6.2 CSS
      • 6.2.1 基础教程
      • 6.2.2 框模型
      • 6.2.3 定位
      • 6.2.4 选择器
      • 6.2.5 参考手册
        • 6.2.5.1 背景属性
        • 6.2.5.2 边框属性
        • 6.2.5.3 字体属性
        • 6.2.5.4 列表属性
        • 6.2.5.5 内(外)边距属性
        • 6.2.5.6 定位属性
        • 6.2.5.7 文本属性
        • 6.2.5.8 2D/3D转换属性
        • 6.2.5.9 过渡属性
        • 6.2.5.10 动画属性
        • 6.2.5.11 box,用户界面属性
    • 6.3 HTMLDOM
      • 6.3.1 HTML DOM 节点
      • 6.3.2 HTML方法
      • 6.3.3 HTML属性
      • 6.3.4 HTML DOM访问,修改
      • 6.3.5 HTML元素
      • 6.3.6 HTML事件
      • 6.3.7 HTML导航
      • 6.3.8 Document对象
      • 6.3.9 Anchor、Area对象
      • 6.3.10 Base、Body、Button对象
      • 6.3.11 Canvas、Event对象
      • 6.3.12 Form、Frame、Frameset对象
      • 6.3.13 IFrame、Image对象
      • 6.3.14 Button、CheckBox对象
      • 6.3.15 FileUpload、Hidden、Password对象
      • 6.3.16 Radio、Reset、Submit、Text对象
      • 6.3.17 Link、Meta、Object、Option对象
      • 6.3.18 Select、Style对象
      • 6.3.19 Table、TableCell、TableRow、Textarea对象
    • 6.4 Javascript
      • 6.4.1 使用
      • 6.4.2 输出
      • 6.4.3 语句
      • 6.4.4 注释
      • 6.4.5 变量、数据类型、对象
      • 6.4.6 函数
      • 6.4.7 运算符
      • 6.4.8 If..Else、Switch
      • 6.4.9 for、while循环
      • 6.4.10 Break、Continue
      • 6.4.11 错误Throw、Try 、 Catch
      • 6.4.12 表单验证
      • 6.4.13 对象
      • 6.4.14 Number对象
      • 6.4.15 Date对象
      • 6.4.16 Array数组对象
      • 6.4.17 Boolean逻辑对象
      • 6.4.18 Math算数对象
      • 6.4.19 RegExp对象
      • 6.4.20 Window浏览器对象
      • 6.4.21 消息框
      • 6.4.22 计时
      • 6.4.23 Cookies
    • 6.5 JQuery
      • 6.5.1 简介、安装
      • 6.5.2 语法
      • 6.5.3 选择器
      • 6.5.4 事件
      • 6.5.5 效果
      • 6.5.6 CallBack函数
      • 6.5.7 Chaining
      • 6.5.8 获得(设置)内容和属性
      • 6.5.9 添加、删除元素
      • 6.5.10 获取并设置CSS类
      • 6.5.11 CSS方法
      • 6.5.12 尺寸
      • 6.5.13 遍历
  • 7 Information of iGEM
    • 7.1 How to search data and information of iGEM?
HTML

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)

  • HTML 不是一种编程语言,而是一种标记语言 (markup language)

  • 标记语言是一套标记标签 (markup tag)

  • HTML 使用标记标签来描述网页


HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签闭合标签


HTML 文档 = 网页

  • HTML 文档描述网页

  • HTML 文档包含 HTML 标签和纯文本

  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签元素内容结束标签
<p>This is a paragraph</p>
<a href="default.htm" >This is a link</a>
<br />

注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。


HTML 元素语法

  • HTML 元素以开始标签起始

  • HTML 元素以结束标签终止

  • 元素的内容是开始标签与结束标签之间的内容

  • 某些 HTML 元素具有空内容(empty content)

  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)

  • 大多数 HTML 元素可拥有属性


嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

HTML 文档由嵌套的 HTML 元素构成。


空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这 种方式。


 

基础

标签描述
<!DOCTYPE> 定义文档类型。
<html>定义 HTML 文档。
<title>定义文档的标题。
<body>定义文档的主体。
<h1> to <h6>定义 HTML 标题。
<p>定义段落。
<br>定义简单的折行。
<hr>定义水平线。
<!--...-->定义注释。

格式

标签描述
<acronym>定义只取首字母的缩写。
<abbr>定义缩写。
<address>定义文档作者或拥有者的联系信息。
<b>定义粗体文本。
<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo>定义文字方向。
<big>定义大号文本。
<blockquote>定义长的引用。
<center>不赞成使用。定义居中文本。
<cite>定义引用(citation)。
<code>定义计算机代码文本。
<del>定义被删除文本。
<dfn>定义定义项目。
<em>定义强调文本。
<font>不赞成使用。定义文本的字体、尺寸和颜色
<i>定义斜体文本。
<ins>定义被插入文本。
<kbd>定义键盘文本。
<mark>定义有记号的文本。
<meter>定义预定义范围内的度量。
<pre>定义预格式文本。
<progress>定义任何类型的任务的进度。
<q>定义短的引用。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<s>不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<small>定义小号文本。
<strike>不赞成使用。定义加删除线文本。
<strong>定义语气更为强烈的强调文本。
<sup>定义上标文本。
<sub>定义下标文本。
<time>定义日期/时间。
<tt>定义打字机文本。
<u>不赞成使用。定义下划线文本。
<var>定义文本的变量部分。
<wbr>定义视频。

表单

标签描述
<form>定义供用户输入的 HTML 表单。
<input>定义输入控件。
<textarea>定义多行的文本输入控件。
<button>定义按钮。
<select>定义选择列表(下拉列表)。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<label>定义 input 元素的标注。
<fieldset>定义围绕表单中元素的边框。
<legend>定义 fieldset 元素的标题。
<isindex>不赞成使用。定义与文档相关的可搜索索引。
<datalist>定义下拉列表。
<keygen>定义生成密钥。
<output>定义输出的一些类型。

框架

标签描述
<frame>定义框架集的窗口或框架。
<frameset>定义框架集。
<noframes>定义针对不支持框架的用户的替代内容。
<iframe>定义内联框架。

图像

标签描述
<img>定义图像。
<map>定义图像映射。
<area>定义图像地图内部的区域。
<canvas>定义图形。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。

音频/视频

标签描述
<audio>定义声音内容。
<source>定义媒介源。
<track>定义用在媒体播放器中的文本轨道。
<video>定义视频。

链接

标签描述
<a>定义锚。
<link>定义文档与外部资源的关系。
<nav>定义导航链接。

列表

标签描述
<ul>定义无序列表。
<ol>定义有序列表。
<li>定义列表的项目。
<dir>不赞成使用。定义目录列表。
<dl>定义定义列表。
<dt>定义定义列表中的项目。
<dd>定义定义列表中项目的描述。
<menu>定义命令的菜单/列表。
<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。
<command>定义命令按钮。

表格

标签描述
<table>定义表格
<caption>定义表格标题。
<th>定义表格中的表头单元格。
<tr>定义表格中的行。
<td>定义表格中的单元。
<thead>定义表格中的表头内容。
<tbody>定义表格中的主体内容。
<tfoot>定义表格中的表注内容(脚注)。
<col>定义表格中一个或多个列的属性值。
<colgroup>定义表格中供格式化的列组。

样式/节

标签描述
<style>定义文档的样式信息。
<div>定义文档中的节。
<span>定义文档中的节。
<header>定义 section 或 page 的页眉。
<footer>定义 section 或 page 的页脚。
<section>定义 section。
<article>定义文章。
<aside>定义页面内容之外的内容。
<details>定义元素的细节。
<dialog>定义对话框或窗口。
<summary>为 <details> 元素定义可见的标题。

元信息

标签描述
<head>定义关于文档的信息。
<meta>定义关于 HTML 文档的元信息。
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签描述
<script>定义客户端脚本。
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<applet>不赞成使用。定义嵌入的 applet。
<embed>为外部应用程序(非 HTML)定义容器。
<object>定义嵌入的对象。
<param>定义对象的参数。
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>