在我们所写的网页中每个页面都会有一个这样的基本结构，然后我们在这个结构中去书写其他的代码。那么页面中有那么的东西，我们又是如何来做的呢？接下来我们具体去讲解网页中的具体知识点。
接下来我们先来看卡其漫画网页的头部如何实现？
我们首先先看结构是如何实现的，后面我们再给大家讲解样式部分的时候。那么结构是如何的呢？
先在body标签中添加一对header标签，因为这是网页的头部，所以我们使用header标签。header有头部的意思。表达上面语义更加精准。
在头部header标签中我们添加一对div标签用来放置内容部分，方便后期我们去设置外观样式效果。
那么接下来在div标签中我们如何去设置页面logo和下面的导航部分呢？
因为在页面中logo部分通常都是可以点击跳转的，这个大家可以看看京东或者天猫的logo部分 。所以在这里我们的logo部分也做成可以跳转的，而在HTML中要做跳转我们就得使用超链接a标签来实现了。在a标签的href属性中放要跳转的页面的路径即可。我们这里现在还不需要跳转到其他页面，所以暂时不放路径。
在logo的下面一块是首页的导航部分，所以我们使用nav这样的标签，nav就是导航的意思在语义上更加明确，有同学可能看到在其他的地方使用是div标签，但是我们推荐使用nav，更加有意义。
接下来具体给大家讲些下logo和导航部分中的结构的写法
logo的做法：
这里的logo我们做法非常的简单，直接添加一张图片就搞定。而在HTML中如果我们需要在页面显示图片，我们使用的img标签来设置图片，在img中有一个src属性用来设置显示的图片的路径的。如上图。但是有的时候考虑到页面的SEO，我们会在logo这个地方使用一个标题标签h1来包裹整个a标签，这个我们在视频中会给大家具体的讲到。
加下来我们讲解头部导航的做法：在结构上先使用了一个nav标签，nav本身就是导航的意思，使用这个标签语义更加明确，整个导航分为左右两块，所以在nav标签中使用了两个ul列表来处理。如下：
先看左边的导航，在ul中放的是列表项标签li，整个左边导航有4个列表项，所以在ul中放4个li标签，导航是可以点击跳转，所以使用超链接a标签包裹文本，所以结构如下：
在页面中对于导航的布局通常都是使用无序列表ul来完成，这个大家多注意下。而且在页面中我们常常用无序列表ul来展示一些排列整齐的数据。后续在视频中我们会更加详细的讲解列表的使用。
下面看看左边部分的布局，右边部分相对来说会复杂一些。在右边的这一块中有几个小图片，对于小图片我们使用精灵图的方式来处理，对于精灵图我们会在后期详情部分具体讲解
先看结构：
以上就是头部导航右边的结构部分。
预告:在这里讲解了页面的头部，我们学习到了一些标签，后续我们会通过整个页面的结构的讲解去学习其他的标签的使用。
