![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
上QQ阅读APP看书,第一时间看更新
3.8 实战——创建基本文本网页
本章主要讲述了创建网页文本的基本知识,下面通过实例讲述如何创建基本文本网页的效果,创建基本文本网页的效果如图3-57所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0134.jpg?sign=1739373816-xLTHFNgR4RD0WKMqR5A4jfeYPlcWfA71-0-a67fde293b0dd17e4f61f57a6b2ee021)
图3-57 创建基本文本网页效果
原始文件:原始文件/03/实战2/index.htm 最终文件:最终文件/03/实战2/index1.htm
步骤01 打开网页文档,如图3-58所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0135.jpg?sign=1739373816-lzV1DfLTtKwNPSkw5yXKCCL7aJIiuLl9-0-c1afe97f627308c5d71267e1f88be7c2)
图3-58 打开网页文档
步骤02 将光标置于要输入文字的位置,输入文字,如图3-59所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0136.jpg?sign=1739373816-WEMKMFEb20UEvWB34FRON4aLvBAmHRjH-0-32d9c77d8897a57d735c1b47443fc1e6)
图3-59 输入文字
步骤03 将光标置于文字开头,按住鼠标的左键向下拖动至文字结尾,选中所有的文字,在“属性”面板中单击“大小”右边的文本框,在弹出的菜单中选择文字的大小,如图3-60所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0137.jpg?sign=1739373816-pRaV1PeWocCV2g6itfY8myNX4x5dxlhC-0-00f2341ff8ff11c15d25ad4fb174938c)
图3-60 设置文字的大小
步骤04 单击“确定”按钮,设置文本的大小,单击“文本颜色”按钮,在打开的调色板中设置文本的颜色为“#E68C11”,如图3-61所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0138.jpg?sign=1739373816-4zaXuZb1DjMRexE6JVhaMqbNhxNwXi89-0-4ef63dbd05536860d2d2c9bbcf1f19ea)
图3-61 设置文本颜色
步骤05 在“属性”面板中单击“字体”右边的文本框,在弹出的列表中选择字体样式,如图3-62所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0139.jpg?sign=1739373816-T8VZy2CL81GhHXSsv1PYYcG7Jh8XXXSP-0-212aee6a3df89d5765c1788fcca488c7)
图3-62 选择字体样式
步骤06 保存文档,按F12键在浏览器中预览,效果如图3-57所示。