`

第09章 header元素

 
阅读更多
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{ margin:0; padding:0;}
body{ font-family:微软雅黑; text-align:center;}
a{ color:#f60; text-decoration:none;}
hgroup{ margin-bottom:10px;}
nav{ height:48px; background:#ff6600;}
nav li{ float:left; background:#000; border-radius:5px; padding:5px 10px; margin:10px; list-style:none;}
</style>
</head>
<body>
<header>
	<hgroup>
    	<h1>HTML5</h1>
        <a href="###">[手机版]</a>
        <a href="###">[电脑版]</a>
    </hgroup>
    <nav>
    	<ul>
        	<li><a href="###">首页</a></li>
            <li><a href="###">手机版</a></li>
            <li><a href="###">电脑版</a></li>
        </ul>
    </nav>
</header>
</body>
</html>

 

效果图:

 

  • 大小: 36.7 KB
  • 9.rar (499 Bytes)
  • 下载次数: 0
8
1
分享到:
评论

相关推荐

    Web标准网页设计与Asp 清华大学出版 第九章PPT

    在HTML方面,第九章可能涵盖了HTML5的新特性,如语义化元素(例如&lt;header&gt;、、等),以及多媒体支持(如和标签)。CSS3的引入可能涉及选择器的扩展、边框和背景的复杂效果、以及响应式设计的原理,如媒体查询,这...

    第13章 CSS选择器[下]

    例如,`h2 + p`会选择紧跟在`h2`元素后的第一个`p`元素。 八、后续兄弟选择器 后续兄弟选择器(~)选择所有紧跟在另一个元素之后的同级元素。`div ~ p`会选择所有在`div`之后的`p`元素,不论它们之间有多少个其他...

    HTML5和CSS3设计模式

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

    HTML5教学PPT

    第09章和第10章则专注于CSS3的学习,包括基础和高级应用。从选择器的扩展、渐变、阴影、过渡和动画效果,到媒体查询(Media Queries)和Flexbox或Grid布局系统,这些都是实现响应式设计和美观界面的关键技术。 通过...

    HTML5编程实例

    8. **第九章**:画布(Canvas)API是HTML5的一个强大工具,通过JavaScript可以进行动态图形绘制,创建游戏、图表和其他视觉效果。 9. **第十章**:可能会介绍WebGL,这是一个3D图形库,允许在浏览器中进行硬件加速...

    北大青鸟 8.0 S1使用HTML语言和CSS开发商业站点

    **第九章:网页交互与表单处理** 这一章会讲解如何使用JavaScript处理用户输入,验证表单数据,以及如何使用Ajax技术与服务器进行数据交换。 **第十章:响应式设计与移动优先** 随着移动设备的普及,响应式设计成为...

    WEB程序设计-JSP(第3章 JSP语法).pdf

    - **第九章 JSP高级程序设计**:覆盖更复杂的主题,如国际化、错误处理等。 通过上述分析,我们可以看出JSP语法是构建动态Web应用的基础。熟练掌握这些基本概念和技术,能够帮助开发者更高效地进行Web应用程序开发...

    (学软件编程需必学的英语)第一学期英文单词汇总

    #### 第九章:其他概念 - **insert**:插入,向集合中添加新元素。 - **compare**:比较,判断两个值是否相同或不同。 - **ignore**:忽略,忽略某些条件或错误。 - **triangle**:三角形,在图形学或数学中常见的...

    HTML网页设计参考手册

    **第九章:响应式设计** 随着移动设备的普及,响应式设计成为现代网页必备技能。学习媒体查询@media,理解流式布局和网格系统,使网页能在不同设备上自适应显示。 **第十章:实践与调试** 最后,通过实际项目练习...

    北大青鸟ch09html上机.zip

    【压缩包子文件的文件名称列表】: "ch09上机"可能是一个目录或文件,包含了第九章的所有上机练习内容。通常这样的文件会分为多个部分,如HTML源代码文件、参考答案、讲解文档等。 **详细知识点:** 1. **HTML基础...

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

    - 第九章:项目构建,通过一个完整项目实践HTML+CSS的应用。 - 第十章:优化与调试,讲解性能优化和问题排查技巧。 6. **文件名称列表解析**:“webstorm课程”可能包含的是使用WEBSTORM进行HTML和CSS开发的教程...

    WEB前端开发初级教案.pdf

    第九章 函数: 1. 函数的定义:介绍了函数的创建和声明方式。 2. 局部变量和全局变量:讲解了函数内变量的作用域及其对全局变量的影响。 3. 函数参数:详细说明了函数参数的传递和可选参数的使用。 4. 返回值:介绍...

    Dive Into HTML5(英文版)

    第九章讲述了HTML5在扩展性和分布式应用方面的一些高级话题。这包括Web Workers、Web Sockets等技术,它们为Web应用程序带来了更多的可能性,使其能够处理复杂的后台任务和实时通信。 #### 十一、结语 《深入HTML5...

    HTML5 and CSS3 for the Real World

    - **字体嵌入**:第九章讲解了如何使用`@font-face`规则将自定义字体嵌入到网页中,从而实现更丰富的视觉效果。 - **多列布局**:同时,这一章节还介绍了如何利用CSS3的`column-count`、`column-gap`等属性来实现多...

    css教程手册

    #### 第九章 CSS边外补白 **第一节:CSS `margin`属性** - **定义**:设置元素周围的空白区域。 - **示例**: ```css .box { margin: 10px 20px 30px 40px; } ``` #### 第十章 CSS边内补白 - **定义**:...

    转行做IT-第2章 HTML入门及高级应用

    在“转行做IT-第2章 HTML入门及高级应用”中,我们将深入探讨HTML的基本概念、语法以及高级特性,为你的IT职业道路打下坚实的基础。 一、HTML简介 HTML是一种标记语言,它的主要作用是描述网页结构,通过标签来区分...

    HTML5 and JavaScript Projects.pdf

    - **第九章:美国州游戏:构建多活动游戏** - **知识点**: - **游戏开发**: 探索如何使用HTML5和JavaScript开发一个具有多个关卡的游戏。 - **计分系统**: 学习如何设计并实现一个游戏计分系统。 - **第十章:...

Global site tag (gtag.js) - Google Analytics