投稿
  1. 小新网首页
  2. 引流知识

网站首页导航代码

zx1080 • • 引流知识

前端入门教程网页导航栏制作教程(技术:HTML+CSS)

导航条效果图：

网站首页导航代码

这个盒子又分为两个部分，左侧的logo部分，右侧的导航部分。

整个布局用到的是flex布局：

大家可以去看一下阮一峰老师的教程：

阮一峰flex布局

左侧logo部分我们用到的标签有：

1、h3标签：

多多鱼网页

h3是一对有开始有闭合的标签组合。以开始，以结束。

html h3标签主要用于布局标题、栏目类内容，h3与h1最大标题标签相比，h1标签一般一个网页中使用一次，而h3标签可以在一个网页中多次使用。默认CSS h3又比h2文字大小小一点。

html h3标签常见应用地方：

栏目标题可以使用h3标签文章标题可以使用h3标签文章标题列表可以使用h3标签（一般图文列表中，图片使用img引入，文章标题文字使用h3标签）

2、a标签：

多多鱼网页

标签定义超链接，用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

右侧的导航部分我们用到的标签有：

一、无序列表简介

无序列表，很好理解，有序列表的列表项是有一定顺序的，而无序列表的列表项是没有顺序的。默认情况下，无序列表的项目符号是●，不过可以通过无序列表type属性来改变无序列表的列表项符号。

语法：

????无序列表项????无序列表项????无序列表项

说明：

，即“unordered list（无序列表）”。，即“list（列表项）”。理解标签语义更有利于你记忆，而记忆HTML标签的语义是HTML的基础。

在该语法中，使用标签表示一个无序列表的开始和结束，表示这是一个列表项。在一个无序列表中可以包含多个列表项。

注意，标签和标签也是配合使用，没有单独使用，而且标签内部不能存在任何其他标签，一般情况下只能存在标签（对于初学者，我们忽略嵌套列表）。这个概念要非常清楚，在网站开发后期很容易犯错。（这个情况跟有序列表一样）。

右侧导航代码：

???首页??????网页模板??????学习资料??????常见问题??????网页作业??????联系我们???

视屏教程：

本文来自作者:zx1080，不代表小新网立场！

转载请注明：https://www.xiaoxinys.cn/642578.html

赞 (0)
zx1080zx1080注册用户
0
上一篇 2023-07-24 11:24:13
下一篇 2023-07-24 11:26:13

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。