《HTML 5与CSS 3 权威指南(第3版·上册)》——3.2 新增的非主体结构元素

简介:
<header>
    <nav>
        <ul>
            <li><a href="courses.html">课程</a></li>
            <li><a href="fees.html">学费</a></li>
            <li><a>毕业</a></li>
        </ul>
    </nav> 
</header>
<main>
    <h1>毕业</h1>
    <nav>
        <ul>
            <li><a href="#ceremony">典礼</a></li>
            <li><a href="#graduates">毕业生</a></li>
            <li><a href="#awards">表彰</a></li>
        </ul>
    </nav>

    <H2 id="ceremony">典礼</H2>
    <p>入场仪式</p>
    <p>毕业生代表发言</p>
    <p>学生会主席发言</p>
    <p>颁发毕业证书</p>
    <p>校长总结发言</p>

    <h2 id="graduates">毕业生</h2>
    <ul>
        <li>Eileen Williams</li>
        <li>Andy Maseyk</li>
        <li>Blanca Sainz Garcia</li>
        <li>Clara Faulkner</li>
        <li>Gez Lemon</li>
        <li>Eloisa Faulkner</li>
    </ul>

    <h2 id="awards">表彰</h2>
    <ul>
        <li>Clara Faulkner</li>
        <li>Eloisa Faulkner</li>
        <li>Blanca Sainz Garcia</li>
    </ul>
</main>
<footer> Copyright 2012 常州市玉凌软件</footer>

相关文章
|
1天前
HTML 元素
HTML 元素。
8 2
尚硅谷html5+css3(4)浮动
尚硅谷html5+css3(4)浮动
|
2天前
|
前端开发
尚硅谷html5+css3(3)布局
尚硅谷html5+css3(3)布局
|
2天前
|
缓存 前端开发 JavaScript
尚硅谷html5+css3(2)CSS5基本知识
尚硅谷html5+css3(2)CSS5基本知识
|
2天前
|
移动开发 搜索推荐 HTML5
尚硅谷html5+css3(1)html相关知识
尚硅谷html5+css3(1)html相关知识
|
3天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
5 1
|
10天前
|
前端开发
CSS元素隐藏的多种方式:让你轻松实现页面布局
CSS元素隐藏的多种方式:让你轻松实现页面布局
|
10天前
|
前端开发 JavaScript
React中渲染html结构---dangerouslySetInnerHTML
React中渲染html结构---dangerouslySetInnerHTML
19 0
|
10天前
|
前端开发
css中如何解决绝对定位元素被遮挡的问题
css中如何解决绝对定位元素被遮挡的问题
37 3
|
10天前
|
存储 移动开发 JavaScript
jQuery 根据 css 类筛选 DOM 元素的代码
jQuery 根据 css 类筛选 DOM 元素的代码
21 1

热门文章

最新文章