12周精进计划(第二周)：超文本标记语言（Web）

Think ★ Explore ★ Know
影响我的大学下半场，决定我们未来二十年
授课分享：S.F俱乐部、SunnyFutureClub张森鹏

一、笔记概要

格式(因为代码上传不上来所以写个格式)：
成对：<标签名> </标签名>
单个：<标签名/>

1.p(成对) : 段落标签
2. br（单个） ： 单纯换行
3. h* （成对）：头标签，*为1-6之间的数字，数字越大字体越小
4. b （成对）：粗体，strong （标签） 加重
5. i （成对）：斜体，em（标签） 加重
6.title（成对）： 标题
7.head（成对）： 头部分，存放一些网页信息
8.body（成对）： 体部分，存放内容。
9.hr（单个）：水平分割线
10.font（成对）：字体 ，常用属性：color，size（1-7），face（字体类型）
11.img（单个）：图片标签，常用属性：src（路径，上一级路径 ： …/），width，height，alt（加载错误提示信息）

12.列表（成对）：
无序 — ul（常用：type）
有序 — ol（常用：type，start）
列表项 — li
超链接 — a（常用：href（跳转），target（打开方式））
示例 ：

13.表格（table (成对) ：表内可嵌套表格）：
（常用：border (指定边框)，width，height
通用：bgcolor（背景颜色），align（对齐方式）
合并：colspan（列合并），rowspan（行合并））
行 — tr（成对）
列 — td（成对）
示例：

效果图：

15.表单输入：

二、实践效果