![网页设计与制作](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=1738935965-1SgQjKbLN4siUWDwoTJy1n6gMSi3rLQR-0-f03c74169a0ed3410254a8dc3f9ad040)
图1-15 使用记事本制作的网页效果
素材所在位置:……\素材\课堂案例\案例素材\No1\……
效果所在位置:……\素材\课堂案例\案例效果\No1\……
1.5.2 操作思路
HTML代码如下:
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/21_02.jpg?sign=1738935965-rQEBw4PdmTEGVO5USTwRYX3bF8069WeJ-0-9ae56905e79dd65858e60c3301e4c364)
在记事本上输入HTML代码,保存为1_1.html网页文件,效果如图1-15所示。
图1-15 使用记事本制作的网页效果
素材所在位置:……\素材\课堂案例\案例素材\No1\……
效果所在位置:……\素材\课堂案例\案例效果\No1\……
HTML代码如下: