![精通HTML5+CSS3+JavaScript网页设计(视频教学版)(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/776/26846776/b_26846776.jpg)
上QQ阅读APP看书,第一时间看更新
2.5 综合实例——图文并茂房屋装饰装修网页
本章讲述了网页组成元素中最常用的文本和图片。本综合实例的目的是创建一个由文本和图片构成的房屋装饰效果网页(如图2-16所示),具体操作步骤如下:
![](https://epubservercos.yuewen.com/DBA090/15289821504504406/epubprivate/OEBPS/Images/Figure-P50_130700.jpg?sign=1738866067-kk6md4DsigCbR8v7DgvXNVUn2EsM4TVP-0-f0dde10768a51470ead8ef4bf8f2fd5d)
图2-16 房屋装饰效果网页
01 在Dreamweaver CC中新建HTML文档,并修改成HTML5标准,代码如下:
![](https://epubservercos.yuewen.com/DBA090/15289821504504406/epubprivate/OEBPS/Images/Figure-P49_129336.jpg?sign=1738866067-fIvVBLGVLxvlzoaxNhJtUkJ4d6ZN6r7j-0-9b4de5a8dd5247eb93183865630a791c)
02 在body部分增加如下HTML代码,保存页面。
![](https://epubservercos.yuewen.com/DBA090/15289821504504406/epubprivate/OEBPS/Images/Figure-P49_129337.jpg?sign=1738866067-ieGNXssLAEbWSXYEMi1yyYzCLDLOMvwF-0-715c2aa6ddaf06495ed70319cb59703a)
技巧提示
<hr>标记的作用是定义内容中的主题变化,并显示为一条水平线,在HTML5中它没有任何属性。
另外,快速插入图片及设置相关属性可以借助Dreamweaver CC的插入功能,或按下组合键Ctrl+Alt+I。