HTML基础

常用工具

1. 超文本标记语言(Hypertext Markup Language, HTML) — 菜鸟网站HTML教程
2. 网站编程语言(Personal Home Page, PHP) — 菜鸟网站PHP教程
3. 层叠样式表(Casecading Style Sheets, CSS) — 菜鸟网站CSS教程
4. 代码编辑器(Visual Studio Code, VSCode) — VScode官网

参考网站

1. 卡内基梅隆大学马坚实验室 Ma Lab
2. 南加州大学孙丰珠实验室 Sun Lab
3. 耶鲁大学赵宏宇实验室 Zhao Lab
4. 北大生科院Jackson Champer实验室 Champer Lab
5. 北大生科院李程实验室： 三维基因组
6. 北大生科院李旭航实验室： 系统代谢组学
7. 北大生科院陆剑实验室 演化和功能基因组

第1个网页

1. 在教学服务器本人家目录下创建并进入以分组编号命名的子目录，如g01a
2. 在上述子目录下编写名为index.html的网页文档：
   My 1st web page.
3. 在浏览器中输入教学网站网址/分组编号，如： http://leb.gao-lab.org/g01a/
   
4. 页面显示：My 1st web page.

HTML入门

1. 分行标签：<br>，意为Break a line.
   修改index.html，显示以下页面： 2nd
2. 分段标签p，意为Paragraph，通常成对出现，新段落起始<p> 和该段落结束 </p>
   修改index.html，显示以下页面： 3rd
   详见：菜鸟网站
3. 标题标签H，意为Headline，共分6级，H1-H6
   修改index.html，显示以下页面： 4th
   详见：菜鸟网站
4. 列表标签，包括有序列表（Ordered List）和无序列表（Unordered List）
   修改index.html，显示以下页面 5th
   详见：菜鸟网站
5. 表格标签，包括表格格式、表头、表格数据有序列表
   修改index.html，显示以下页面 6th
   详见：菜鸟网站
6. 图像标签，在页面中插入图像
   修改index.html，显示以下页面 7th
   详见：菜鸟网站