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标签有结束标签;
相关文章:
![](https://www.ngui.cc/images/no-images.jpg)
Web前端-Web开发HTML基础8-nav
一. 基础 1. 写一个导航标签,里面是两个超链接,分别指向https://baidu.com和https://huawei.com/cn; 2. 写一个导航标签,里面是三个超链接,分别指向https://baidu.com、https://huawei.com/cn和https://www.nowcoder.c…...
![](https://www.ngui.cc/images/no-images.jpg)
如何建设和维护数据仓库:深入指南
欢迎来到我的博客,很高兴能够在这里和您见面!欢迎订阅相关专栏: V: LAF20151116 进行更多交流学习 ⭐️ 全网最全IT互联网公司面试宝典:收集整理全网各大IT互联网公司技术、项目、HR面试真题. ⭐️ AIGC时代的创新与未来ÿ…...
![](https://i-blog.csdnimg.cn/direct/ff0af2a5b40a4ea2b36af96437f9142e.png)
海思arm-hisiv400-linux-gcc 交叉编译rsyslog 记录心得
需要编译rsyslog,参考海思3536平台上rsyslog交叉编译、使用-CSDN博客和rsyslog移植(亲测成功)_rsyslog交叉编译-CSDN博客 首先下载了要用到的一些库的源码,先交叉编译这些库 原来是在centos6上交叉编译的,结果编译时报缺少软件要…...
![](https://i-blog.csdnimg.cn/direct/d62d12588038476f9f2a6de409df1aca.png)
IDEA工具中Java语言写小工具遇到的问题
一:读取excel时遇到 org/apache/poi/ss/usermodel/WorkbookProvider 解决办法: 在pom.xml中把poi的引文包放在最前面即可(目前就算放在最后面也不报错了,不知道为啥) 二:本地maven打包时,没有…...
![](https://i-blog.csdnimg.cn/direct/7f4f02ca7e8a43ab8b377f39c85e6477.png)
2-38 基于matlab的蚁群算法优化无人机uav巡检
基于matlab的蚁群算法优化无人机uav巡检,巡检位置坐标可根据需求设置,从基地出发,返回基地,使得路径最小。可设置蚁群数量,信息素系数。输出最佳路线长度。程序已调通,可直接运行。 2-38 蚁群算法优化无人…...
![](https://www.ngui.cc/images/no-images.jpg)
解决selenium打印保存为PDF时图片未加载成功的问题
使用selenium打印网页时,如果程序运行很快的话,可能会导致图片没有加载成功即进行了保存,出现这个问题最初的思考是在执行打印任务时使用js进行强制等待,后发现实现效果并不好。在加载页面时使用自动下滑的方式将网页拉到底&#…...
![](https://img-blog.csdnimg.cn/img_convert/6d2e630ffd3089318f58d888e3042592.gif)
如何将PDF转换成可以直接编辑的CAD图纸?
PDF图纸是为了让用户更好的阅览CAD文件,但是,当我们想要对其进行编辑的时候,PDF图纸就是一个麻烦了。那么PDF转换成CAD后可以编辑吗?如何将PDF转换成可以直接编辑的CAD图纸呢?本篇给你答案。 1、启动迅捷CAD编辑器&…...
![](https://i-blog.csdnimg.cn/direct/c550093990154f7781e06b4ae9416524.png)
【STM32】理解时钟树(图示分析)
文章目录 时钟系统什么是时钟时钟树简化图示类比示例时钟树详解时钟源系统时钟配置各总线时钟外设时钟 时钟系统 什么是时钟 时钟在电子和计算机系统中指的是生成周期性信号的电路或设备,这种周期性信号用于同步系统内的各种操作。时钟信号通常是方波,…...
![](https://www.ngui.cc/images/no-images.jpg)
动态内存四个函数
文章目录 1. malloc2. calloc3. realloc4. free 在C语言中,malloc、calloc、realloc 和 free 是用于动态内存管理的标准库函数,它们定义在 <stdlib.h> 头文件中。以下是这些函数的用法: 1. malloc malloc 函数用于在堆区分配指定大小…...
![](https://img-blog.csdnimg.cn/img_convert/d806706c890cb6f1eaec6824fdc60e23.png)
DevExpress WPF中文教程 - 为项目添加GridControl并将其绑定到数据
DevExpress WPF拥有120个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件…...
![](https://csdnimg.cn/release/blog_editor_html/release2.3.6/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N7T8)
高性能分布式IO系统BL205 OPC UA耦合器
边缘计算是指在网络的边缘位置进行数据处理和分析,而不是将所有数据都传送到云端或中心服务器,这样可以减少延迟、降低带宽需求、提高响应速度并增强数据安全性。 钡铼BL205耦合器就内置边缘计算功能,它不依赖上位机和云平台,就能…...
![](https://i-blog.csdnimg.cn/direct/632bf952216f4c12a4cb2daf903aa9b3.png)
live555 rtsp服务器实战之doGetNextFrame
live555关于RTSP协议交互流程 live555的核心数据结构值之闭环双向链表 live555 rtsp服务器实战之createNewStreamSource live555 rtsp服务器实战之doGetNextFrame live555搭建实时播放rtsp服务器 注意:该篇文章可能有些绕,最好跟着文章追踪下源码&…...
![](https://www.ngui.cc/images/no-images.jpg)
Nginx系列-3 servername优先级和location优先级和常用正则表达式
1.正则表达式和分组 由于Nginx配置文件中经常出现正则表达式,因此本章节专门对常见的正则表达式进行简单介绍。 [1] 开始与结束 ^表示匹配输入字符串的开始 $表示匹配输入字符串的结束[2] 匹配次数 ?表示匹配0次或者1次 表示匹配1次或多次 *表示匹配0从或多次…...
![](https://i-blog.csdnimg.cn/direct/86900a7690c14e079e26240195d0f154.png)
python—爬虫爬取电影页面实例
下面是一个简单的爬虫实例,使用Python的requests库来发送HTTP请求,并使用lxml库来解析HTML页面内容。这个爬虫的目标是抓取一个电影网站,并提取每部电影的主义部分。 首先,确保你已经安装了requests和lxml库。如果没有安装&#x…...
![](https://www.ngui.cc/images/no-images.jpg)
实现图片拖拽和缩小放大功能。
1. 前言 不知道各位前端小伙伴蓝湖使用的多不多,反正我是经常在用,ui将原型图设计好后上传至蓝湖,前端开发人员就可以开始静态页面的的编写了。对于页面细节看的不是很清楚可以使用滚轮缩放后再拖拽查看,还是很方便的。于是就花了…...
![](https://i-blog.csdnimg.cn/direct/a9a546a4da2c4e2fb94c4c87c1b5f20f.png)
昇思25天学习打卡营第18天|munger85
DCGAN生成漫画头像 首先肯定是下载训练数据,而这些训练数据就是一些卡通头像。后来我们会看到这个具体的头像 就像其他的数据集目录一样,它是由一些目录和这个目录下面的文件组成的数据集。 有相当多的图片。所以可以训练出来比较好的效果。 图片的处理…...
![](https://i-blog.csdnimg.cn/direct/049bec2b32f14862a022fe410f12db35.png)
nginx配置文件说明
Nginx的配置文件说明 Nginx配置文件的主要配置块可以分为三个部分:全局配置块(events和http块),events块和http块。这三个部分共同定义了Nginx服务器的整体行为和处理HTTP请求的方式。 全局配置块: 包含了影响Nginx服…...
![](https://i-blog.csdnimg.cn/direct/6943e884ef0e4b2fb12e0a0463de1365.png)
用不同的url头利用Python访问一个网站,把返回的东西保存为txt文件
这个需要调用requests模块(相当于c的头文件) import requests 还需要一个User-Agent头(这个意思就是告诉python用的什么系统和浏览器) Google Chrome(Windows): Mozilla/5.0 (Windows NT 10.0; Win64; x64…...
![](https://i-blog.csdnimg.cn/direct/4d04a76712e1437ea35c09c99c8532c5.png)
一文掌握Prometheus实现页面登录认证并集成grafana
一、接入方式 以保护Web站点的访问控制,如HTTP 服务器配置中实现安全的加密通信和身份验证,保护 Web 应用程序和用户数据的安全性。 1.1 加密密码 通过httpd-tools工具包来进行Web站点加密 yum install -y httpd-tools方式一:通过htpasswd生…...
![](https://www.ngui.cc/images/no-images.jpg)
欢迎来到 Mint Expedition:Web3 和 NFT 的新时代开始
7 月 15 日,Mint Expedition 正式开启,作为 Mint 生态系统的旗舰项目,将彻底变革 Web3 和 NFT 去中心化应用! Mint Expedition 是 Mint 的最新航程,延续了 Mint Forest 的成功。Mint Forest 吸引了超过 41.4 万独立用…...
![](https://i-blog.csdnimg.cn/direct/15c19fa5834844cf98dc7f39c0b981e3.png)
针对环境构图的全局一致性扫描点云数据对齐(Graph SLAM)
本算法是一个经典的,针对SLAM(simultaneous localization and mapping 即时定位与地图构建)问题而提出的算法。该算法的提出者是Feng Lu和Evangelos Milios,他们在本算法中开创了通过全局优化方程组以减少约束引入的误差来进一步优…...
![](https://www.ngui.cc/images/no-images.jpg)
Matlab学习笔记01 - 基本数据类型
Matlab学习笔记01 - 基本数据类型 1、数据类型转换2、矩阵2.1 访问单个矩阵元素2.2 访问多个矩阵元素2.3 矩阵转置 3、字符与字符串4、数值与字符串5、元胞数组 1、数据类型转换 十进制转十六进制字符串‘FF’ >> hex2dec(3ff)ans 1023十进制转十六进制字符串 >>…...
![](https://i-blog.csdnimg.cn/direct/18f8a07236b440379e07ee87acd594ea.png)
基于重要抽样的主动学习不平衡分类方法ALIS
这篇论文讨论了数据分布不平衡对分类器性能造成的影响,并提出了一种新的有效解决方案 - 主动学习框架ALIS。 1、数据分布不平衡会影响分类器的学习性能。现有的方法主要集中在过采样少数类或欠采样多数类,但往往只采用单一的采样技术,无法有效解决严重的类别不平衡问题。 2、论…...
![](https://i-blog.csdnimg.cn/direct/c26dc3280af24a7093aeacae092a235d.png)
Python爬虫(基本流程)
1. 确定目标和范围 明确需求:确定你需要从哪些网站抓取哪些数据。合法性:检查目标网站的robots.txt文件,了解哪些内容可以被抓取。数据范围:确定爬取数据的起始和结束点,比如时间范围、页面数量等。 2. 选择合适的工…...
![](https://i-blog.csdnimg.cn/direct/abb0c816e35a45c5abd3488d9526a3e7.png)
primeflex教学笔记20240720, FastAPI+Vue3+PrimeVue前后端分离开发
练习 先实现基本的页面结构: 代码如下: <template><div class"flex p-3 bg-gray-100 gap-3"><div class"w-20rem h-12rem bg-indigo-200 flex justify-content-center align-items-center text-white text-5xl">…...
![](https://img-blog.csdnimg.cn/img_convert/8e58f65b4f4d76a895cfbdd331b43217.png)
移动设备安全革命:应对威胁与解决方案
移动设备已成为我们日常工作和家庭生活中不可或缺的工具,然而,对于它们安全性的关注和投资仍然远远不够。本文深入分析了移动设备安全的发展轨迹、目前面临的威胁态势,以及业界对于这些安全漏洞响应迟缓的深层原因。文中还探讨了人们在心理层…...
![](https://i-blog.csdnimg.cn/direct/aeef3c75d5cf4525bb69c57a17ddc078.png)
【C语言】 链表实现学生管理系统(堆区开辟空间)
总体思路都能写出来,问题是感觉稍微比之前的麻烦一些,在刚开始创建结构体的时候,并没有去按照链表的思路去写,导致写成了顺序表,后面就一直纠结空间怎么开辟。 链表是由一个头节点和其它申请出来的小节点连起来的&…...
![](https://i-blog.csdnimg.cn/direct/d1e7e550002b48b7b90e94bd54139519.jpeg)
STM32实战篇:按键(外部输入信号)触发中断
功能要求 将两个按键分别与引脚PA0、PA1相连接,通过按键按下,能够触发中断响应程序(不需明确功能)。 代码流程如下: 实现代码 #include "stm32f10x.h" // Device headerint main() {//开…...
![](https://i-blog.csdnimg.cn/direct/476e57fa015742e2a69fa5fac7af0bce.png#pic_center)
Android SurfaceView 组件介绍,挖洞原理详解
文章目录 组件介绍基本概念关键特性使用场景 SurfaceHolder介绍主要功能使用示例 SurfaceView 挖洞原理工作机制 使用SurfaceView展示图片示例创建一个自定义的 SurfaceView类在 Activity 中使用 ImageSurfaceView注意事项效果展示 组件介绍 在 Android 开发中,Sur…...
![](https://www.ngui.cc/images/no-images.jpg)
day2加餐 Go 接口型函数的使用场景
文章目录 问题价值使用场景其他语言类似特性 问题 在 动手写分布式缓存 - GeeCache day2 单机并发缓存 这篇文章中,有一个接口型函数的实现: // A Getter loads data for a key. type Getter interface {Get(key string) ([]byte, error) }// A Getter…...
![](/images/no-images.jpg)
在网站上做漂浮/百度网盘下载速度慢破解方法
有些同学可以在图书馆,一坐就是几个小时,沉浸在知识的海洋中;有的同学坐不住,一会就得去溜达溜达。这般长了个猴子屁股的人,一般老师也并不喜欢。但是,就是这些看书坐不住的人,恰好可能听讲效率…...
![](https://img-blog.csdnimg.cn/20200923092039707.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTE5MjQ4OQ==,size_16,color_FFFFFF,t_70)
案例学 网页设计与网站建设/营销案例分享
目录 应用场景 表格代码 已添加的数据,禁止再次选择 全选 更新表格的勾选状态 清空选中 点击表格的多选框时更新选中的数据 数据加载时,记得更新勾选状态 应用场景 用于从后端分页的表格中多选添加数据 表格代码 已添加的数据,禁止再…...
![](/images/no-images.jpg)
商贸信息网站/游戏代理推广渠道
网卡驱动之02驱动源码分析 网址:http://blog.csdn.net/firstlai/article/details/53098496...
![](https://img-blog.csdnimg.cn/img_convert/dd81ea51508fa597f9c1da881a1ff649.png)
做系统下载网站建设/网站优化助手
【阿里天猫、蚂蚁、钉钉面试专题题目加答案】 不会做别着急:文末有答案以及视频讲解,架构师资料 1. junit用法,before,beforeClass,after, afterClass的执行顺序 2. 分布式锁 3. nginx的请求转发算法,如何配置根据权重转发 4…...
![](/images/no-images.jpg)
石家庄网站建设报价/seo网站诊断
1 使用RunWith(SpringJUnit4ClassRunner.class)进行单元测试时,需要junit高版本和spring-test的高版本才支持,junit需要4.0以上的,spring-test也需要高版本,最开始我用的4.3.13的,翻开jar包发现并没有编写SpringJUnit4…...
![](/images/no-images.jpg)
如何解决网站兼容/网站软文代写
vfp的报表中打印图片:1。图片放在某一文件夹中,如果文件命名与数据表中的数据没有联系,可考虑将文件路径放到表中。如果有联系,可根据字段值定位文件(这种方便)2。报表中放置OLE控件,单击右键&a…...