![网页设计与网站建设全攻略](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=1739303157-z70wBixAUirhpsyYjunOehkghve0b9Pe-0-a0334df8863db5d2b39284be4aad9f16)
图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=1739303157-kpUp9umeruuD7zPWYMsnHzgMCjUSB6Gg-0-cc4d3524e2a6412490281557655787d4)
图3-58 打开网页文档
步骤02 将光标置于要输入文字的位置,输入文字,如图3-59所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0136.jpg?sign=1739303157-EU3APKruGqGt7XExy2WAXGSkYgKVVtMU-0-28d104f1d78837ba42f62c1491188b68)
图3-59 输入文字
步骤03 将光标置于文字开头,按住鼠标的左键向下拖动至文字结尾,选中所有的文字,在“属性”面板中单击“大小”右边的文本框,在弹出的菜单中选择文字的大小,如图3-60所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0137.jpg?sign=1739303157-UH1EslQqOVUTf1BKLPz7HVnuRzjkB59M-0-9b4558382daa9ed7f39dbf2fcf106fc5)
图3-60 设置文字的大小
步骤04 单击“确定”按钮,设置文本的大小,单击“文本颜色”按钮,在打开的调色板中设置文本的颜色为“#E68C11”,如图3-61所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0138.jpg?sign=1739303157-hu9Y98digNHXZtvi0GX03p6ThqRtYIE6-0-724c9129c1566304aae40efd6c0aa4bd)
图3-61 设置文本颜色
步骤05 在“属性”面板中单击“字体”右边的文本框,在弹出的列表中选择字体样式,如图3-62所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0139.jpg?sign=1739303157-Kkb8ZTnD8YgjyQzdBS6nEaPRj6P3FKYy-0-d80d3fb64678086a8415f56210a72a7c)
图3-62 选择字体样式
步骤06 保存文档,按F12键在浏览器中预览,效果如图3-57所示。