![网页设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/228/26268228/b_26268228.jpg)
上QQ阅读APP看书,第一时间看更新
1.5 课堂案例——个人主页制作
1.5.1 案例目标
在记事本上输入HTML代码,保存为1_1.html网页文件,效果如图1-15所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/21_01.jpg?sign=1738896118-KyHONrdVZ8CQTzuFXlDNIcwsHEfZIhiU-0-5c924f2bd071ee8080bd6104a1142fa7)
图1-15 使用记事本制作的网页效果
素材所在位置:……\素材\课堂案例\案例素材\No1\……
效果所在位置:……\素材\课堂案例\案例效果\No1\……
1.5.2 操作思路
HTML代码如下:
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/21_02.jpg?sign=1738896118-AwWuUaIP39N9KRI4sidnu3E5SnGHQiIr-0-c929dd2ae95ec2adffd2d165eef5280c)
在记事本上输入HTML代码,保存为1_1.html网页文件,效果如图1-15所示。
图1-15 使用记事本制作的网页效果
素材所在位置:……\素材\课堂案例\案例素材\No1\……
效果所在位置:……\素材\课堂案例\案例效果\No1\……
HTML代码如下: