html简单案例

以下是5个HTML简单案例：

1. 显示文本和图片

  
    
  
  
    
欢迎来到我的网页
    
这是一个段落，用于介绍我的网页。
    
  

该示例中，使用h1标签显示一级标题，使用p标签显示段落，使用img标签显示图片。

2. 布局和样式

  
    
    
  
  
    

      
我的网页
    
    

      
欢迎来到我的网页
      
这是一个段落，用于介绍我的网页。
      
    
  

该示例中，使用style标签定义了网页的样式，使用div标签布局网页，并使用id属性给不同的元素命名。其中，#header和#content是两个具有不同样式的区域。

3. 超链接

  
    
  
  
    
欢迎来到我的网页
    
这是一个段落，用于介绍我的网页。
    前往百度
  

该示例中，使用a标签定义超链接，将该链接指向百度网站。

4. 表格

  
    
  
  
    
欢迎来到我的网页
    

      

        
姓名
        
年龄
        
性别
      
      

        
张三
        
25
        
男
      
      

        
李四
        
30
        
女
      
    
  

该示例中，使用table标签定义表格，使用tr标签定义行，使用th和td标签定义表头和单元格。

5. 表单

  
    
  
  
    
欢迎来到我的网页
    

      姓名：
      

      邮箱：
      

      密码：
      

      
    
  

该示例中，使用form标签定义表单，使用label标签定义表单标签，使用input标签定义表单控件，其中type属性指定了控件类型，如文本框、邮箱和密码等。