`

第06章 nav元素

阅读更多
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<nav>
	<ul>
    	<li><a href="###">首页</a></li>
        <li><a href="###">栏目1</a></li>
        <li><a href="###">栏目2</a></li>
    </ul>
</nav>
<article>
	<header>
    	<h1>标题</h1>
    </header>
    <nav>
    	<li><a href="###">二级栏目1</a></li>
        <li><a href="###">二级栏目2</a></li>
        <li><a href="###">二级栏目3</a></li>
    </nav>
</article>
<article>
	<header>
    	<h1>标题</h1>
    </header>
    <nav>
    	<li><a href="###">二级栏目1</a></li>
        <li><a href="###">二级栏目2</a></li>
        <li><a href="###">二级栏目3</a></li>
    </nav>
</article>
<footer>
	<p>备案信息</p>
</footer>
</body>
</html>

 

效果图:


 

  • 大小: 39.1 KB
  • 6.rar (327 Bytes)
  • 下载次数: 0
1
1
分享到:
评论

相关推荐

    HTML5二、四、六章PPT案例.rar

    第六章可能涵盖离线存储和Web存储,这是HTML5的一个重要特性,允许网站在用户设备上存储数据以供离线访问。Web Storage分为两种:sessionStorage和localStorage。前者在浏览器会话期间保留数据,而后者则可以长期...

    HTML5+CSS3网站设计基础教程_动手实践源代码

    1. **语义化标签**:HTML5新增了一些语义化的标签,如、&lt;nav&gt;、、和等,它们帮助定义页面的结构,使搜索引擎和屏幕阅读器更容易理解网页内容。 2. **音频/视频元素**:和标签允许开发者直接在网页上嵌入媒体资源,...

    CSS参考手册_第5章__CSS基本布局属性

    本章重点介绍了CSS布局属性的基本概念及其实际应用,包括元素定位、背景设置、浮动控制、列表样式定制以及导航菜单的设计。通过学习这些基础知识,读者将能够更好地理解和运用CSS来构建复杂且富有吸引力的网页布局。...

    HTML5教学PPT

    第06章《HTML5的元素拖拽》展示了HTML5的拖放API,使用户可以轻松地在网页元素之间拖放内容,增强用户体验。 第07章《HTML5的数据存储》涵盖了Web Storage(localStorage和sessionStorage)以及IndexedDB,这些本地...

    HTML5和CSS3设计模式

    **第13章:块级元素**,介绍了块级元素的基本概念及其在布局中的作用。块级元素通常占据整个行宽,常用于构建网页的主要结构部分。 #### 十四、图像 **第14章:图像**,详细介绍了如何使用CSS控制图像的显示效果,...

    《HTML5+CSS3网站设计基础教程》源代码+补充案例+动手实践

    1. **语义化元素**:HTML5引入了如、&lt;nav&gt;、、、和等语义化元素,它们有助于提高页面的可读性和搜索引擎优化。 2. **媒体元素**:HTML5支持和元素,使得内嵌音频和视频变得更加简单,无需依赖Flash或其他插件。 3....

    HTML5编程实例

    5. **第六章**:可能涉及到Web Workers和WebSockets,这两个特性大大提升了网页的多线程处理能力和实时通信能力,使得大型复杂应用的性能得到显著提升。 6. **第七章**:可能会讲解Geolocation API,允许网页获取...

    Unity快速入门课程 第二讲

    第六章:脚本编程基础 Unity使用C#进行编程,脚本是控制游戏逻辑的关键。我们将介绍Unity的Monobehaviour类,以及如何编写基本的C#脚本,例如实现物体的移动和交互功能。 第七章:游戏对象的生命周期 理解游戏对象...

    HTML5应用开发案例教程(微课版)_源代码.rar

    6. **第六章**:可能会介绍SVG(Scalable Vector Graphics)矢量图的使用,SVG可以创建清晰、可缩放的图形,并且适合用于数据可视化和交互式图表。 7. **第七章**:将讨论Web Workers和Web sockets,前者用于在后台...

    从零开始学习Unity虚拟现实开发(目录)201611021

    第六章深入讲解Unity的光照系统Enlighten,包括不同类型的光源、阴影、全局光照和烘焙技术,让场景光照更加真实。第七章则涉及Mecanim动画系统,详细介绍了角色动画的导入、配置、重定向,以及在游戏中的应用。最后...

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第1章 HTML5+CSS3初体验 课后练习

    响应式 Web 开发项目教程(HTML5+CSS3+Bootstrap)第 2 版第 1 章 HTML5+CSS3 初体验课后练习 本资源涉及到的知识点包括 HTML5、CSS3、Bootstrap 等响应式 Web 开发技术。下面是对每个知识点的详细解释: 一、 ...

    HTML网页设计参考手册

    **第六章:段落和区块元素** 了解和元素,它们作为布局工具,可以进行内容分组和定位。同时,掌握如何使用 标签换行,以及创建水平线。 **第七章:HTML5的新特性** HTML5引入了许多新元素,如、、&lt;nav&gt;、等,...

    《使用HTML语言和CSS开发商业站点》

    - 第六章:图像与媒体,涵盖图片和视频的使用。 - 第七章:交互与动画,讲解CSS3的新特性,如过渡和动画。 - 第八章:JavaScript基础,介绍如何用JavaScript增加网页交互性。 - 第九章:项目构建,通过一个完整...

    最新React架构全套高质量视频课程

    第六章:最新React架构打造炫酷个人简历实战 01-整体项目介绍和内容分析 02-项目需求分析和组件化思考 03-跑通项目基础架构(一) 04-跑通项目基础架构(二) 05-目录规划指导并跑通第一个组件 06-添加container下各...

    第1章 使用HTML制作网页_网页制作_

    接着是`&lt;html&gt;`标签,它是整个文档的根元素。`&lt;head&gt;`部分包含了元信息,如标题,而`&lt;body&gt;`部分则包含用户可见的内容。 2. **文本标题**:HTML提供了六级标题标签`&lt;h1&gt;`到`&lt;h6&gt;`,用于组织内容层次。`&lt;h1&gt;`是最...

    15_王文峰s1北大青鸟HTMLch05课后.zip

    2. **文本元素**:`&lt;p&gt;`用于段落,`&lt;h1&gt;`到`&lt;h6&gt;`定义六级标题,`&lt;b&gt;`和`&lt;i&gt;`用于加粗和斜体,`&lt;em&gt;`和`&lt;strong&gt;`强调和重要性标注。 3. **链接**:`&lt;a&gt;`元素用于创建超链接,`href`属性指定链接的目标URL。 4. **...

    HTML5 and CSS3 for the Real World

    - **CSS3概述**:第六章对CSS3进行了全面介绍,覆盖了选择器、单位、颜色值等方面的新特性。 - **渐变背景与多重背景**:第七章详细讲解了如何利用CSS3的`linear-gradient()`和`repeating-linear-gradient()`函数来...

    html5培训资料

    2. 新元素和属性:HTML5引入了大量新元素,例如、、&lt;nav&gt;、、、、等,这些元素帮助开发者更清晰地组织页面结构。同时,HTML5也增加了一些新的全局属性,如contenteditable、spellcheck等,以提供更丰富的页面交互性...

Global site tag (gtag.js) - Google Analytics