为什么表格出不来，表格出不来？

问题:为什么表格出不来？

html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
    
    <script src="//unpkg.com/vue@3">script>
    
    <script src="//unpkg.com/element-plus">script>
head>

<body>
    <div id="app">
        <el-table :data="tableData" border style="width: 100%">
            <el-table-column prop="date" label="Date" width="180" />
            <el-table-column prop="name" label="Name" width="180" />
            <el-table-column prop="address" label="Address" />
        el-table>
    div>

    <script>
        const vue3Composition = {
            setup() {
                const tableData = Vue.ref([
                    {
                        date: '2016-05-03',
                        name: 'Tom',
                        address: 'No. 189, Grove St, Los Angeles',
                    },
                    {
                        date: '2016-05-02',
                        name: 'Tom',
                        address: 'No. 189, Grove St, Los Angeles',
                    },
                    {
                        date: '2016-05-04',
                        name: 'Tom',
                        address: 'No. 189, Grove St, Los Angeles',
                    },
                    {
                        date: '2016-05-01',
                        name: 'Tom',
                        address: 'No. 189, Grove St, Los Angeles',
                    },
                ])
                return {
                    tableData
                }


            }
        }
        const vm = Vue.createApp(vue3Composition)
            .use(ElementPlus)
            .mount('#app')

    script>

body>

html>

img


你这前面的"<"都没了