这是我参与「第五届青训营 」伴学笔记创作活动的第 36 天

导航栏

1.小红点

尝试解决tab标签上的小红点问题。在网上搜寻了很多有关小红点的呈现方法，但是都没有理解每段代码的意思，也不清楚如何插入到原本的代码中。思来想去，回想到前几天看的HTML语法，有一个上标属性，如果把它加在tab标签中字体上方，那么应该能够解决这个小红点问题。
于是我将上标<sup>写进了无序列表ul中：

<li><a href="https://juejin.cn/pins">沸点<sup class="dot">hot</sup></a></li>

设置sup的class属性值为dot，在CSS中设置其背景颜色为红色，字体颜色为白色：

.dot{
    background-color: red;
    color:white;
}

小红点问题初步得到解决但是不清楚解决方法是否正确，是否符合要求，我应该更进一步了解有关小红点的代码，使问题得到完美解决。

2. 标签页图标

掘金网页的导航栏部分还有浏览器上方的标签头都有掘金的icon图标，一开始是想搞定网页上的图标如何添加，但是搜索无果，试了一个方法结果给浏览器的上方的标签头上加了图标。
方法是在HTML的头部head添加代码嵌入的图标，代码如下：

 <link rel="icon" type="image/x-ico" href="G:\青训营大项目\icon-removebg-preview .png"/>

3. 遇到的问题

目前导航栏有一个大概的样子，但是网页图标还没有的到解决，小红点解决的不够好，网页目前配色有些丑不够美观，还有为什么导航栏不能布满浏览器页面。目前只使用了HTML和CSS来写网页，肯定是不够的，JavaScript的学习要赶紧了，总觉得要重新构思一下这个导航栏了。