三、页面的主题标记<body>
1. 设计网页正文颜色与背景颜色
- 网页的正文颜色默认是黑色,背景颜色默认是白色
- 设计网页正文颜色可以用
<body>
标记的text属性设计网页背景颜色可以用bgcolor属性 <body bgcolor="颜色值" text="颜色值">
2. 添加网页背景图片
- 通常使用深色的背景图片配合浅色文本,或者用浅色的背景图片配合深色的文本
- 背景图片可以使用
<body>
标记的background属性来设置,默认情况下,背景图片会随着页面的滚动二滚动,设置<body>
标记的bgproperties=“fixed”,可以使得背景固定不动 - 基本语法:
<body background="背景图片的URI" bgproperties="fixed">
- background用于指定背景图片的路径和文件名,bgproperties属性可以省略不设置以实现背景图片与页面一起滚动
- 例如
<body background="images/g03.jpg" bgproperties="fixed">
3. 设置网页连接文字颜色
-
将整个网页的超链接文字的默认颜色改为其他颜色,可以通过设置
<body>
标记的相应属性来实现 -
<body link="颜色值" vlink="颜色值" alink="颜色值">
- 颜色值既可以是英文名称,也可以是十六进制的RGB颜色值
- link:设置未访问状态下的链接文字颜色
- vlink:设置访问过后的链接文字颜色
- alink:设置正在访问中的链接文字颜色**
4. 设置网页边距
- 默认情况下,网页内容和浏览器边框之间有一个大约8个像素的间距
<body>
标记包括了4个专门用于设置网页与浏览器的上、下、左、右边框间距的属性- 基本语法:
<body leftmargin="边距值" rightmargin="边距值" topmargin="边距值" bottommargin="边距值">
- leftmargin用于设置页面与浏览器左边框的间距,边距值以像素为单位
四、文字与段落标记
1. 文字标记
文字标记主要用于设置网页中的所有有关文字方面的内容
1. 文字内容的输入
- 普通的文字输入:包括英文和汉字等字符,直接通过键盘或者从其他地方拷贝到
<body></body>
标记对之间的指定位置 - 空格的输入
- 通过空格键输入的多个空格在浏览器中只保留一个空格,其余空格都被自动裁掉了
- 在网页源代码中可以使用 ;来表示一个空格。输入多个空格需要连续使用多个"
"
- 特殊文字的输入
特殊符号 | 字符实体 |
---|---|
“ | " |
& | & |
< | < |
> | > |
· | · |
× | × |
§ | § |
¢ | ¢ |
¥ | ¥ |
£ | £ |
© | © |
® | ® |
™ | ™ |
- 注释语句:用于对代码进行说明,浏览器解析时会自动忽略掉,基本语法:
<!-- 注释内容 -->
2. 对字体的设置
- 默认情况下,中文网页中的文字时以黑色、宋体、3号字来显示的,如果希望得到其他字体显示效果,可以使用
<font>
字体标记及其相关属性来达到 - 基本语法:
<font face="字体名称" size="字号" color="颜色值">文字内容</font>