刚开始学习网页前端开发，就先学了html,当然是从最基本的开始学习。对于我这种跨行的还是有点小压力的。

第一天老师要求作出下面效果的文本网页：

先进行了分析如下分析：

　　第一行的几个字很明显“静夜思”是用了<font></font>标记来设置字体以及添加文字的颜色，具体用到了color,和size两个命令。后面的-李白用到了命令实现了下标。另外看到与第二行有较大的间距所以可以添加两个换行符<br><br>。

<font color=‘bule‘ size=‘6‘>静夜思</font><sub>-李白</sub><br><br>

　　第二行有明显的加粗效果，那么实现起来就简单一些了。可以使用字体face“黑体”或者“<b></b>"标记来实现，我是把两种都用上了。另外不能忘记换行“<br>”

<font face=‘黑体‘><b>床前明月光，</b></font><br>

　　第三行字体比较大，在html编程中字体用“size”最大只能取“7”，那么暂且取个“6”好了。另外颜色用“red”就好。

<font color=‘red‘ size=‘6‘>疑是地上霜。</font><br>

　　第三行和第四行用到的命令比较类似，区别在于第三行是斜体，第四行是下划线效果。同样都是用"<font></font>"来做，斜体“<i></i>”下划线“<u></u>”

<font color=‘gray‘><i>举头望明月，</i></font><br>
<font color=‘red‘><u>低头思故乡。</u></font><br>

　　下面的虚线效果暂时是用键盘敲出来的，后面加了换行符"<br>"

------------------------------------------------<br>

　　最后的方程用到了两个上标"",具体就是给“a”、“b”分别加效果。同样颜色是使用“<font></font>”来实现。

<font size="6">求二元二次方程</font><font color="green" size=‘6‘>a<sup>2</sup>+b<sup>2</sup>=24</font><font size="6">的解</font>

　　所有的代码加到一起最后的效果就出现了。

静夜思_-李白

床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
------------------------------------------------
求二元二次方程a²+b²=24的解

1.html学习历程