html-css-js
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>0 前端三件套 HTML CSS JavaScript</title>
    <style>
        .tab1 {
            position: relative;
            left: 30px;
            line-height: 2;
        }

        a{
            display:inline-block;
            margin-left: 20px;
        }
    </style>
</head>

<body style="margin:30px;">
    <h1>0 前端三件套 HTML CSS JavaScript</h1>
    <h2>1.HTML</h2>
    <div class="tab1">
        <a href="1HTML常见文本标签.html" target="_blank">1HTML常见文本标签</a>
        <a href="2HTML属性.html" target="_blank">2HTML属性</a>
        <a href="3HTML块元素与行内元素.html" target="_blank">3HTML块元素与行内元素</a>
        <a href="4HTML表单.html" target="_blank">4HTML表单</a>
    </div>

    <h2>2.CSS</h2>
    <div class="tab1">
        <a href="5CSS导入方式.html" target="_blank">5CSS导入方式</a>
        <a href="6CSS选择器.html" target="_blank">6CSS选择器</a>
        <a href="7CSS常见属性.html" target="_blank">7CSS常见属性</a>
        <a href="8CSS盒子模型.html" target="_blank">8CSS盒子模型</a>
        <a href="9CSS浮动.html" target="_blank">9CSS浮动</a>
        <a href="10CSS定位.html" target="_blank">10CSS定位</a>
    </div>

    <h2>3.JavaScript</h2>
    <div class="tab1">
        <a href="11JS导入方式.html" target="_blank">11JS导入方式</a>
        <a href="12JS基本语法.html" target="_blank">12JS基本语法</a>
        <a href="13JS函数.html" target="_blank">13JS函数</a>
        <a href="14JS事件.html" target="_blank">14JS事件</a>
        <a href="15JSDOM.html" target="_blank">15JSDOM</a>
    </div>

    <h2>4.综合练习</h2>
    <div class="tab1">
        <a href="16表格的增删改查.html" target="_blank">16表格的增删改查</a>
        <a href="17移动端适配.html" target="_blank">17移动端适配</a>
        <a href="18Flex弹性布局.html" target="_blank">18Flex弹性布局</a>
    </div>

    <a href="" target="_blank"></a>
</body>

</html>