：使用 element 框架的 table(表格)、，layout布局， container布局， form 表单， Card 卡片，Carousel 走马灯 组件的不同形态html代码

Element UI是基于Vue.js的开源UI组件库，提供了一系列易用的HTML元素和组件。以下是Element UI中一些常见组件的基本用法示例：

1. **Table（表格）**:

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        // 更多数据...
      ]
    };
  }
};
</script>

2. **Layout（布局）**:

<template>
  <div>
    <el-row> <!-- 布局行 -->
      <el-col :span="4">列1</el-col>
      <el-col :span="8">列2</el-col>
      <el-col :span="12">列3</el-col>
    </el-row>
  </div>
</template>

3. **Container（容器）**:

<template>
  <el-container>
    <el-header>头部区域</el-header>
    <el-main>主体内容</el-main>
    <el-footer>页脚区域</el-footer>
  </el-container>
</template>

4. **Form（表单）**:

<template>
  <el-form ref="form" :model="form">
    <el-form-item label="用户名">
      <el-input v-model="form.username"></el-input>
    </el-form-item>
    <!-- 更多表单项... -->
    <el-form-button type="primary">提交</el-form-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        username: '',
        password: ''
      }
    };
  }
};
</script>

5. **Card（卡片）**:

<template>
  <el-card>
    <div slot="header">卡片标题</div>
    <p>这是卡片的内容...</p>
  </el-card>
</template>

6. **Carousel（走马灯）**:

<template>
  <el-carousel indicator-position="outside">
    <el-carousel-item>
      <img src="image1.jpg" alt="图片1">
    </el-carousel-item>
    <el-carousel-item>
      <img src="image2.jpg" alt="图片2">
    </el-carousel-item>
    <!-- 更多轮播图... -->
  </el-carousel>
</template>