康廷數位: 【青年職涯發展工作站─HTML5✕前端開發】議程與課堂實作（第二階段）

【公告】網站目前停止所有的課程訂閱服務，原有學員權益不受影響，造成不便還請見諒，我們正在打造更多課程以及圖書，包含 Python 為主的課程主題，未來將會合併且擴充目前的課程內容，提供全新課程訂閱服務，感謝學員的支持。

【公告】《Entity Framework 實務精要》絕版優惠學習活動，是針對最後一批少量書籍絕版的短期特別活動，只提供 20 個名額（剩 4 名），教學影片要在今年暑假過後才會重新開放訂閱，並沒有提供之前單獨購書的讀者，還請見諒，如果您需要教學影片，屆時再請參與，也感謝讀者學員的支持，我們正在開發更多的教學內容，歡迎與我們一起努力。
《Entity Framework 實務精要》絕版優惠學習活動》

【青年職涯發展工作站─HTML5✕前端開發】
議程與課堂實作（第二階段）

第二階段議題－語意標籤

HTML5語意標籤（section, article, header, footer, aside, nav, aside）
利用語意標籤取代第一階段使用的 div 元素建立的版型
使用語意標籤的優勢
語意標籤與網頁結構大綱輸出

完成實作

語意標籤版型製作

<!DOCTYPE html>

<html>

<head>

    <title> 排版 </title>

    <meta charset="utf-8" />

    <link href="css/main.css" rel="stylesheet" />

</head>

<body>

    <header id="header">

        <h1>

            <span >YS-HTML5 前端開發課程</span>

        </h1>

        <ul>

            <li class="menu-list">首頁</li>

            <li class="menu-list">關於</li>

            <li class="menu-list">Fackbook</li>

        </ul>

    </header>

    <section id="section">

        <section id="main-section">

            <span style="color:red;font-size:24px;">課程內容</span>

            <nav>

                <ul>

                    <li class="mainlist" style="" id=""> HTML 標籤</li>

                    <li class="mainlist">CSS 樣式設計</li>

                    <li class="mainlist">JavaScript 程式設計</li>

                </ul>

            </nav>

        </section>

        <aside id="aside">

            <h2>每日課程</h2>

            <ul>

                <li class="daylist">DAY 1</li>

                <li class="daylist">DAY 2</li>

                <li class="daylist">DAY 3</li>

                <li class="daylist">DAY 4</li>

                <li class="daylist">DAY 5</li>

                <li class="daylist">DAY 6</li>

            </ul>

        </aside>

    </section>

    <footer id="footer">

        2014 C 版權所有-YS-HTML5

    </footer>

</body>

</html>

沒有留言:

訂閱：張貼留言 (Atom)