当前位置: 首页 > news >正文

Web前端-Web开发HTML基础8-nav

一. 基础
1. 写一个导航标签,里面是两个超链接,分别指向https://baidu.com和https://huawei.com/cn;
2. 写一个导航标签,里面是三个超链接,分别指向https://baidu.com、https://huawei.com/cn和https://www.nowcoder.com;
3. 写一个导航标签,里面是四个超链接,分别指向https://baidu.com、https://huawei.com/cn、https://www.nowcoder.com和https://cn.bing.com;
4. 写一个导航标签,里面是两个超链接,以无序列表的形式组织,分别指向https://baidu.com和https://huawei.com/cn;
5. 写一个导航标签,里面是三个超链接,以无序列表的形式组织,分别指向https://baidu.com、https://huawei.com/cn和https://www.nowcoder.com;
6. 写一个导航标签,里面是四个超链接,以无序列表的形式组织,分别指向https://baidu.com、https://huawei.com/cn、https://www.nowcoder.com和https://cn.bing.com;
二. 提高
1. 导航nav标签有结束标签嘛?
2. 导航nav标签有结束标签嘛?


一. 基础
1. <nav>
<a href="https://baidu.com">百度</a>
<a href="https://huawei.com/cn">华为</a>
</nav>
2. <nav>
<a href="https://baidu.com">百度</a>
<a href="https://huawei.com/cn">华为</a>
<a href="https://www.nowcoder.com">牛客</a>
</nav>
3. <nav>
<a href="https://baidu.com" target="_blank">百度</a>
<a href="https://huawei.com/cn" target="_blank">华为</a>
<a href="https://www.nowcoder.com" target="_blank">牛客</a>
<a href="https://cn.bing.com" target="_blank">必应</a>
</nav>
4. <nav>
<ul>
<li><a href="https://baidu.com">百度</a></li>
<li><a href="https://huawei.com/cn">华为</a></li>
</ul>
</nav>
5. <nav>
<ul>
<li><a href="https://baidu.com">百度</a></li>
<li><a href="https://huawei.com/cn">华为</a></li>
<li><a href="https://www.nowcoder.com">牛客</a></li>
</ul>
</nav>
6. <nav>
<ul>
<li><a href="https://baidu.com" target="_blank">百度</a></li>
<li><a href="https://huawei.com/cn" target="_blank">华为</a></li>
<li><a href="https://www.nowcoder.com" target="_blank">牛客</a></li>
<li><a href="https://cn.bing.com" target="_blank">必应</a></li>
</ul>
</nav>
二. 提高
1. nav标签有结束标签;
2. nav标签有结束标签;

http://www.lryc.cn/news/403981.html

相关文章:

  • 如何建设和维护数据仓库:深入指南
  • 海思arm-hisiv400-linux-gcc 交叉编译rsyslog 记录心得
  • IDEA工具中Java语言写小工具遇到的问题
  • 2-38 基于matlab的蚁群算法优化无人机uav巡检
  • 解决selenium打印保存为PDF时图片未加载成功的问题
  • 如何将PDF转换成可以直接编辑的CAD图纸?
  • 【STM32】理解时钟树(图示分析)
  • 动态内存四个函数
  • DevExpress WPF中文教程 - 为项目添加GridControl并将其绑定到数据
  • 高性能分布式IO系统BL205 OPC UA耦合器
  • live555 rtsp服务器实战之doGetNextFrame
  • Nginx系列-3 servername优先级和location优先级和常用正则表达式
  • python—爬虫爬取电影页面实例
  • 实现图片拖拽和缩小放大功能。
  • 昇思25天学习打卡营第18天|munger85
  • nginx配置文件说明
  • 用不同的url头利用Python访问一个网站,把返回的东西保存为txt文件
  • 一文掌握Prometheus实现页面登录认证并集成grafana
  • 欢迎来到 Mint Expedition:Web3 和 NFT 的新时代开始
  • 针对环境构图的全局一致性扫描点云数据对齐(Graph SLAM)
  • Matlab学习笔记01 - 基本数据类型
  • 基于重要抽样的主动学习不平衡分类方法ALIS
  • Python爬虫(基本流程)
  • primeflex教学笔记20240720, FastAPI+Vue3+PrimeVue前后端分离开发
  • 移动设备安全革命:应对威胁与解决方案
  • 【C语言】 链表实现学生管理系统(堆区开辟空间)
  • STM32实战篇:按键(外部输入信号)触发中断
  • Android SurfaceView 组件介绍,挖洞原理详解
  • day2加餐 Go 接口型函数的使用场景
  • 摄像头 RN6752v1 视频采集卡