无序列表
无序列表是一个项目的序列。各项目前加有标记(通常是黑色的实心小圆圈)。
Input
最常用的表单标签是<input>标签。Input的类型用type属性指定。最常用的input类型解释如下:
单选按钮
当需要用户从有限个选项中选择一个时,使用单选按钮。
在HTML里面,图像是由<img>标签定义的。
<img>是空标签,意思是说,它只拥有属性,而没有结束标签。
想要在页面上显示一个图像,需要使用src属性。“src”表示“源”的意思。“src”属性的值是所要显示图像的URL。
插入图像的语法:
URL指向图像存储的地址。网站“子目录“images”中的图像“boat.gif”的URL如下: “”。
当浏览器在文档中遇到img标签时,就放置一个图像。如果把img标签放在两个段落之间,就会先显示一个段落,然后是这个图像,最后是另外一个段落。
alt属性
alt属性用来给图像显示一个“交互文本”。alt属性的值是由用户定义的。
“alt”属性在浏览器装载图像失败的时候告诉用户所丢失的信息,此时,浏览器显示这个“交互文本”来代替图像。给页面上的图像都加上alt属性是一个好习惯,它有助于更好地显示信息,而且,对纯文本浏览器很有用。
基本注意点——有用的技巧
如果一个HTML文档包含10个图像,那么为了正确显示这个页面,需要加载11个文件。加载图像是需要时间的,所以请谨慎使用图像。
bgcolor
bgcolor属性将背景设置为颜色,它的值可以是一个十六进制数、RGB值或者一种颜色名称。
上面三条语句都可以把页面背景设置成黑色。
background
background属性将背景设置为图像,它的值是你所要使用图像的URL地址。如果这个图像的大小不及浏览器窗口,它将平铺占满窗口。
URL地址可以是相对地址(上面第一条语句),也可以是绝对地址(上面第二条语句)。
注意:如果打算使用背景图像,应该牢记:
基本注意点——有用的技巧
<body>标签的bgcolor、background和text属性在最新的HTML标准(HTML4和XHTML)中已被废弃。W3C在他们的推荐中已删除这些属性。在HTML的未来版本中,层叠样式表(CSS)将被用来定义HTML元素的布局和显示属性。
一般的网站很少使用背景图像。
最常用的背景颜色是黑色、白色和灰色。
无序列表是一个项目的序列。各项目前加有标记(通常是黑色的实心小圆圈)。
无序列表以<ul>标签开始。每个列表项目以<li>开始。
有序列表
有序列表也是一个项目的序列。各项目前加有数字作标记。
有序列表以<ol>标签开始。每个列表项目以<li>开始。
自定义列表
自定义列表不是一个项目的序列,它是一系列条目和它们的解释。
有序列表以<dl>标签开始,自定义列表条目以<dt>开始,自定义列表的定义以<dd>开始。
表单是一个能够包含表单元素的区域。
表单元素是能够让用户在表单中输入信息的元素(比如文本框,密码框,下拉菜单,单选框,复选框等等)。
表单是用<form>元素定义的。
<form>
<input>
<input>
</form>
<input>
<input>
</form>
Input
最常用的表单标签是<input>标签。Input的类型用type属性指定。最常用的input类型解释如下:
单选按钮
当需要用户从有限个选项中选择一个时,使用单选按钮。
<form>
<input type="radio" name="sex" value="male">Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
<input type="radio" name="sex" value="male">Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
在HTML里面,图像是由<img>标签定义的。
<img>是空标签,意思是说,它只拥有属性,而没有结束标签。
想要在页面上显示一个图像,需要使用src属性。“src”表示“源”的意思。“src”属性的值是所要显示图像的URL。
插入图像的语法:
<img src="url">
URL指向图像存储的地址。网站“子目录“images”中的图像“boat.gif”的URL如下: “”。
当浏览器在文档中遇到img标签时,就放置一个图像。如果把img标签放在两个段落之间,就会先显示一个段落,然后是这个图像,最后是另外一个段落。
alt属性
alt属性用来给图像显示一个“交互文本”。alt属性的值是由用户定义的。
<img src="boat.gif" alt="Big Boat">
“alt”属性在浏览器装载图像失败的时候告诉用户所丢失的信息,此时,浏览器显示这个“交互文本”来代替图像。给页面上的图像都加上alt属性是一个好习惯,它有助于更好地显示信息,而且,对纯文本浏览器很有用。
基本注意点——有用的技巧
如果一个HTML文档包含10个图像,那么为了正确显示这个页面,需要加载11个文件。加载图像是需要时间的,所以请谨慎使用图像。
背景
<body>标签有两个属性可以指定背景。背景可以是颜色,也可以是图像。
bgcolor
bgcolor属性将背景设置为颜色,它的值可以是一个十六进制数、RGB值或者一种颜色名称。
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
上面三条语句都可以把页面背景设置成黑色。
background
background属性将背景设置为图像,它的值是你所要使用图像的URL地址。如果这个图像的大小不及浏览器窗口,它将平铺占满窗口。
<body background="clouds.gif">
<body background="httpif">
<body background="httpif">
URL地址可以是相对地址(上面第一条语句),也可以是绝对地址(上面第二条语句)。
注意:如果打算使用背景图像,应该牢记:
- 这个图像会使页面加载时间过长吗?小技巧:图像文件的容量尽量不要超过10K。
- 这个图像跟页面上其他图像协调吗?
- 这个图像跟页面上的文字颜色协调吗?
- 这个图像平铺了以后看起来还可以吗?
- 这个图像吸引了文字的注意力,喧宾夺主了吗?
基本注意点——有用的技巧
<body>标签的bgcolor、background和text属性在最新的HTML标准(HTML4和XHTML)中已被废弃。W3C在他们的推荐中已删除这些属性。在HTML的未来版本中,层叠样式表(CSS)将被用来定义HTML元素的布局和显示属性。
一般的网站很少使用背景图像。
最常用的背景颜色是黑色、白色和灰色。