html入门（二）常用组件标签

  如果免费咨询问题，可以进群php学习群277304970，如果想找高手带，找群主，十几年编程经验，php、java、u3d、c++都可以带。
  下面的组件测试，加到body标签里即可，运行方法参见html快速入门（一）最简单的html以及运行方法

  一、显示图片
    

• 代码很简单，一行即可

• 点击(此处)折叠或打开

  1. <img src="图片URI/URL" />
  
  
• 常用属性如下：

属性	属性值	属性含义
src	URI/URL	图像的路径
alt	文本	图像无法正常显示时的提示文本
title	文本	鼠标悬停于图像时显示的文本
width	像素（XHTML 不支持按页面百分比显示）	图像的宽度
height	像素（XHTML 不支持按页面百分比显示）	图像的高度
border	数字	设置图像边框的宽度

  二、列表
  比如新闻列表

  这个代码不是一行的事，需要有个父标签ul，说明里面是个列表，然后li表示列表元素（每行）
  实例：

点击(此处)折叠或打开

1. <ul>
   
2.         <li>无序列表1</li>
   
3.         <li>无序列表2</li>
   
4.         <li>无序列表3</li>
   
5.         <li>无序列表4</li>
   
6.     </ul>

三、表格
   表格很常见了，类似excel表格。
  这个代码也不是一行的事，需要有个父标签table，说明里面是个列表，然后tr表示一行，tr里再有多个td，代表多个列。

点击(此处)折叠或打开

1. <table cellspacing="3" cellpadding="2" border="1" align="left">
   
2.     <tr>
   
3.         <td>第一行第1列</td>
   
4.         <td>第一行第2列</td>
   
5.         <td>第一行第3列</td>
   
6.     </tr>
   
7.     <tr>
   
8.         <td>第二行第1列</td>
   
9.         <td>第二行第2列</td>
   
10.         <td>第二行第3列</td>
    
11.     </tr>
    
12. </table>

  四、输入框
   输入框很常见，随处都是输入框。比如

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