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