超链接/列表/多媒体/表格标记

news2025/1/12 19:51:34

1.超链接标记,

要将两个前端网页连接起来用什么标记呢?

答案是a标记,也就是超链接

下图就是两个html建立了超链接

效果是点击我是1号会跳转到我是2号那里

 

 2.列表标记分为有序列表ol和无序列表ul,

每一列用li标签

<hr color="yellow">
    <h2>有序列表</h2>
    <ol>
        <li>Monday</li>
        <li>Tuesday</li>
        <li>Wednesay</li>
        <li>Thursday</li>
        <li>Friday</li>
        <li>Saturday</li>
        <li>Sunday</li>
    </ol>

    <hr color="yellow">
    <h2>无序列表</h2>
    <ul>
        <li>spring</li>
        <li>summer</li>
        <li>autumn</li>
        <li>winter</li>
    </ul>

 

有序列表还有一个type属性,可以指定为1 A a I i,

分别表示从1开始编号 1 2  3 4..

 分别表示从A开始编号 A B  C D..

分别表示从a开始编号 1 2  3 4..

分别表示从I开始编号 I II  III IV..

分别表示从i开始编号 i ii  iii iv..

这里演示一个type="i"的情况

<ol type="i">
        <li>Monday</li>
        <li>Tuesday</li>
        <li>Wednesay</li>
        <li>Thursday</li>
        <li>Friday</li>
        <li>Saturday</li>
        <li>Sunday</li>
    </ol>

 

列表其实还可以嵌套使用,思考如下列表怎么用列表做呢?

这里直接贴上代码哦

<p>信息科学与工程学院包含专业如下</p>
    <ul>
        <li>计算计科学与技术专业</li>
        <ol>
            <li>网络工程方向</li>
            <li>大数据方向</li>
            <li>软件工程方向</li>
        </ol>
        <li>电子信息工程专业</li>
        <li>计算机应用技术</li>
    </ul>

3. 图像标记img

属性src表示图像的地址

属性alt表示图像的说明

例如将如下图片放到网页html中,怎么操作呢?

很简单只需要将图片的路径写入src中就可以了

 

网页显示的是这样

 

 4.背景图片,background

 再写中body中,当插入的图片小于网页的尺寸时,图像将默认水平垂直方向重复显示

当大于网页文件时,背景图片只显示一部分

再first.html中加上如下代码

 效果是这样

5.背景颜色bgcolor

 bgcolor可以用在<body> <table> <tr> <td> <div>等标记中,用来设置元素的背景颜色

6.bgsound标记,网页载入之后自动播放背景音乐 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2131089.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

华为项目管理认证HCIA-PM认证 |课程大纲

大家想要往上升的&#xff0c;或多或少都要懂点技术&#xff0c;但这并不是让你们对技术的认知层面要做到面面俱到&#xff0c;每个细节都清楚&#xff0c;而是只要知道产品开发的流程和研发所需的资源设备就可以了。 如何才能在短时间内掌握这些技术&#xff1f;最直接有效的…

PHP智能收银精准管理收银服务系统小程序源码

智能收银&#xff0c;精准管理 —— 解锁收银服务新境界 &#x1f389; 开篇&#xff1a;告别传统&#xff0c;迎接智能收银新时代 在快节奏的现代生活中&#xff0c;每一次购物体验都值得我们追求更加高效与便捷。传统的收银方式已难以满足商家与顾客日益增长的需求&#xff…

【车载以太网】【SOME/IP】Wireshark 解析

Wireshark 下载链接:Wireshark Go DeepSOMEIP插件介绍:https://www.wireshark.org/docs/dfref/s/someip.html官方插件 Wireshark从3.2版本开始支持SOME/IP,启用相应的插件即可以使用Wireshark解析解析并查看SOME/IP数据。 相关代码: 代码仓库:https://github.com/wiresh…

UTF-8与UTF-8MB4编码的异同与应用场景

前言 想象一下&#xff0c;你正在网上冲浪&#xff0c;突然看到一个超有趣的表情符号&#xff0c;或者是一个外国朋友发来了一条消息&#xff0c;里面包含了一些特殊字符。这时候&#xff0c;如果你的电脑或者手机使用的编码方式不够强大&#xff0c;那些酷炫的表情或者特殊文字…

OpenCV结构分析与形状描述符(12)椭圆拟合函数fitEllipseAMS()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 围绕一组2D点拟合一个椭圆。 该函数计算出一个椭圆&#xff0c;该椭圆拟合一组2D点。它返回一个内切于该椭圆的旋转矩形。使用了由[260]提出的近…

微调大模型:提高其代码修复能力的尝试

目录 一、作品背景&#xff1a; 二、作品目标&#xff1a; 三、作品技术方案&#xff1a; (1)标记化 (2)量化 (3) LoRA&#xff08;低秩自适应&#xff09;配置 (4)训练配置 (6)模型保存 四、作品效果&#xff1a; 一、作品背景&#xff1a; 随着大型模型技术的日益成…

Java毕业设计之基于SSM框架的正安县吉他线上销售系统

&#x1f6a9;毕设中如何选题&#xff1f; 对于项目设计中如何选题、让题目的难度在可控范围&#xff0c;以及如何在选题过程以及整个毕设过程中如何与老师沟通&#xff0c;有疑问不清晰的可以联系我&#xff0c;详细为你解答 &#x1f6ad;如何快速熟悉一个项目&#xff1f;这…

java异步发送邮件:如何实现高效邮件发送?

java异步发送邮件性能调优&#xff1f;如何设计java异步发邮件&#xff1f; 传统的同步邮件发送方式在处理大量邮件时可能会导致系统响应变慢&#xff0c;甚至阻塞其他关键业务流程。AokSend将深入探讨如何通过Java异步发送邮件来实现高效邮件发送&#xff0c;从而提升应用程序…

裸土检测算法样本标注、裸土检测、裸土算法识别

在当今快速发展的科技时代&#xff0c;裸土检测算法作为一种前沿技术&#xff0c;正逐步改变我们对土壤检测的传统观念。随着环境保护和资源管理的日益重要&#xff0c;裸土检测算法不仅在农业领域展现了巨大的潜力&#xff0c;也在环境监测、灾后恢复等多个领域发挥了至关重要…

基于SpringBoot+Vue的高考志愿智能推荐系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 【2025最新】基于JavaSpringBootVueMySQL的…

使用 nvm 管理 node 版本:如何在 macOS 和 Windows 上安装使用nvm

&#x1f525; 个人主页&#xff1a;空白诗 文章目录 一、引言二、nvm的安装与基本使用2.1 macOS安装nvm2.1.1 使用 curl 安装2.1.2 使用 Homebrew 安装 2.2 Windows安装nvm2.2.1 下载 nvm-windows2.2.2 安装 nvm-windows 2.3 安装node2.4 切换node版本 三、常见问题及解决方案…

语音克隆神器GPT-Sovits-V2 Mac版整合包!

语音克隆神器GPT-Sovits-V2 Mac版整合包&#xff01; Mac M1/M2/M3芯片福音&#xff01;语音克隆神器GPT-Sovits-V2整合包来了&#xff01; AI语音克隆黑科技&#xff0c;Mac也能轻松玩转&#xff01; 还在羡慕别人用AI语音克隆技术&#xff1f;还在苦恼Mac配置环境的复杂&am…

Linux - iptables防火墙

目录 一、iptables概述 二、规则表与规则链结构&#xff08;四表五链&#xff09; 1.简述 2.四表&#xff08;规则表&#xff09; 3.五链&#xff08;规则链&#xff09; 三、数据链过滤的匹配流程 四、iptables命令行配置方法 1.命令格式 2.基本匹配条件 3.隐含匹配 …

Python什么时候打折?

Python收费&#xff1f; 今天有一个刚学习编程的网友&#xff0c;他找到了我&#xff0c;问了我这样一个问题&#xff0c;“我看你的文章也有一段时间了&#xff0c;对上面提到的python的强大功能非常感兴趣。现在想自己安装一个亲自体验一下。我发现&#xff0c;python的售价…

开发一款通过蓝牙连接控制水电表的微信小程序

增强软硬件交互 为了更好的解决师生生活中的实际问题&#xff0c;开发蓝牙小程序加强了和校区硬件的交互。 比如通过蓝牙连接控制水电表&#xff0c;减少实体卡片的使用。添加人脸活体检测功能&#xff0c;提高本人认证效率&#xff0c;减少师生等待时间。 蓝牙水电控展示 蓝…

go-map系统学习

map底层结构 Goland的map的底层结构使用hash实现&#xff0c;一个hash表里有多个hash表节点&#xff0c;即bucket&#xff0c;每个bucket保存了map中的一个或者一组键值对。 map结构定义&#xff1a; runtime/map.go:hmap type hmap struct {// Note: the format of the hma…

Linux系统进程的优先级

一、进程优先级的概念 进程优先级就是进程被CPU执行的先后顺序&#xff0c;优先级值越小&#xff0c;优先级别越高。 使用ps -al命令查看当前系统所有进程的优先级&#xff1a; PRI是进程的基准优先级&#xff0c;NI&#xff08;nice值&#xff09;是进程优先级修正数据&…

【C++】理解C++中的复制、复制构造函数

十、理解C中的复制、复制构造函数 拷贝就是要复制数据&#xff0c;也就是复制内存。 当我们把一个对象或一段数据从一个地方拷贝到另一个地方&#xff0c;那这个对象或数据其实是有两个副本&#xff0c;而且这个过程还是需要时间和开销的。所以如果你只是想读取数据&#xff0…

SQL使用IN进行分组统计时如何将不存在的字段显示为0

这两天被扔过来一个脏活儿&#xff1a;做一个试点运行系统的运营指标统计。 活儿之所以称为“脏”&#xff0c;是因为要统计8家单位共12个项目的指标。而每个项目有3个用户类指标&#xff0c;以及分17个功能模块&#xff0c;每个功能模块又分5个维度的指标。也就是单个项目是1…

携手Vatee万腾平台,共赴智能时代新征程

在科技日新月异的今天&#xff0c;我们正站在一个前所未有的历史交汇点上——智能时代的大门已轰然洞开&#xff0c;万物互联、数据驱动、智能决策正逐步成为社会发展的新常态。在这场深刻的变革中&#xff0c;Vatee万腾平台以其前瞻性的视野、创新的技术实力以及深厚的行业积淀…