下面的组件测试,加到body标签里即可,运行方法参见html快速入门(一)最简单的html以及运行方法
一、显示图片
- 代码很简单,一行即可
-
点击(此处)折叠或打开
- <img src="图片URI/URL" />
-
常用属性如下:
| 属性 | 属性值 | 属性含义 |
|---|---|---|
| src | URI/URL | 图像的路径 |
| alt | 文本 | 图像无法正常显示时的提示文本 |
| title | 文本 | 鼠标悬停于图像时显示的文本 |
| width | 像素(XHTML 不支持按页面百分比显示) | 图像的宽度 |
| height | 像素(XHTML 不支持按页面百分比显示) | 图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
比如新闻列表

这个代码不是一行的事,需要有个父标签ul,说明里面是个列表,然后li表示列表元素(每行)
实例:
点击(此处)折叠或打开
-
<ul>
-
<li>无序列表1</li>
-
<li>无序列表2</li>
-
<li>无序列表3</li>
-
<li>无序列表4</li>
- </ul>
表格很常见了,类似excel表格。
这个代码也不是一行的事,需要有个父标签table,说明里面是个列表,然后tr表示一行,tr里再有多个td,代表多个列。
点击(此处)折叠或打开
-
<table cellspacing="3" cellpadding="2" border="1" align="left">
-
<tr>
-
<td>第一行第1列</td>
-
<td>第一行第2列</td>
-
<td>第一行第3列</td>
-
</tr>
-
<tr>
-
<td>第二行第1列</td>
-
<td>第二行第2列</td>
-
<td>第二行第3列</td>
-
</tr>
- </table>
输入框很常见,随处都是输入框。比如

输入框的代码很简单,一行即可
<input type="text" maxlength="15"/>