前端html常用标签 笔记

news2024/11/19 3:29:49

一、基础

开始标签

结束标签

大部分是成对出现的标签,这个是空标签(/放在最后,/可以省掉)

缩进 向后Tab 、前向Shift+Tab

红的就是元素属性

标签可以使内容有一些特殊的表现:

给body颜色后:

h1

span(连起来)

标签: 标题h1 h2 h3 h4 h5 h6都是独立空间,标题会自动换行

标签换行改变大小

标签: 只换行,不改变大小。

标签: 让文本单纯换行,两个之间没有空隙

标签: 有它的作用,不明显


标签:换行


标签:分割

二、超链接元素

绝对路径

相对路径

绝对路径:靠具体的位置寻找,相对路径:靠它们之间的关系寻找(同一个包里的邻居)

target="_self"可删除,因为是默认的

target="_blank"

target="_parent"

target="_top"

三、列表元素

标签

  • 内放标签

1234换成cdef

dt标题dd内容

四、图片元素

地址+图片名称

最好别同时设置宽度和高度,容易比例失衡变形。

(style是标签的通用属性)

(两者相等)

五、表格元素

width="50%" 相对宽度       width="400px"绝对宽度

姓名宽度设好了,其他的分配剩下的空间

align=center(居中)

合并行,合并列,之后将合并多余处删掉

六、内嵌窗口元素

宽度百分数,高度固定px

点淘宝:

点b页面:

七、音频元素

八、视频元素

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

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

相关文章

edga 0x800704cf错误码(同步失败)

edga 0x800704cf错误码(同步失败) 执行此操作需要 Internet。 你似乎没有连接到 Internet。请检查你的连接,然后再试一次。 0x800704cf 发送反馈 取消windows键R, 输入services.msc 进入本地服务管理, 重启 Microsoft Account Sign-in Assi…

力扣爆刷第105天之CodeTop100五连刷11-15

力扣爆刷第105天之CodeTop100五连刷11-15 文章目录 力扣爆刷第105天之CodeTop100五连刷11-15一、5. 最长回文子串二、33. 搜索旋转排序数组三、102. 二叉树的层序遍历四、200. 岛屿数量五、121. 买卖股票的最佳时机 一、5. 最长回文子串 题目链接:https://leetcode…

设计模式-装饰者模式在Java中使用实例-打印发票装饰抬头和脚注

场景 设计模式-装饰者模式在Java中的使用示例: 设计模式-装饰者模式在Java中的使用示例_java装饰者模式例子-CSDN博客 上面装饰器的调用示例如下 AbstarctComputer computer;//要买1台电脑computer new BaseComputer();//加一个内存条computer new MemoryDecor…

企业计算机服务器中了rmallox勒索病毒怎么办,rmallox勒索病毒解密流程步骤

在网络技术飞速发展的时代,越来越多的企业离不开网络办公,通过网络开展各项工作业务成为企业的常态,这也被国外众多黑客组织盯上的原因,近期,网络勒索病毒攻击的事件频发,越来越多的企业开始重视企业数据安…

Git命令:自用整理(仅供参考)

一、快速拉起分支开始工作 1、领取一个最新线上分支 git checkout -b 20231124_xxxx origin/main2、推送到远端 git push origin 20231124_xxxx 3、本地分支与远程分支建立关联 git branch --set-upstream-toorigin/20231124_xxxx 20231124_xxxx 4、检查分支关联是否成功…

嵌入式|蓝桥杯STM32G431(HAL库开发)——CT117E学习笔记11:数字电位器MCP4017

系列文章目录 嵌入式|蓝桥杯STM32G431(HAL库开发)——CT117E学习笔记01:赛事介绍与硬件平台 嵌入式|蓝桥杯STM32G431(HAL库开发)——CT117E学习笔记02:开发环境安装 嵌入式|蓝桥杯STM32G431(…

数据结构——排序之冒泡排序

💞💞 前言 hello hello~ ,这里是大耳朵土土垚~💖💖 ,欢迎大家点赞🥳🥳关注💥💥收藏🌹🌹🌹 💥个人主页&#x…

如何借用 NTFS 交换数据流 实现隐藏文件?如何使用【文件包含】PHP伪协议?不同操作系统如何实现文件隐藏和木马伪装?

如何借用 NTFS 交换数据流 实现隐藏文件?如何使用【文件包含】PHP伪协议?不同操作系统如何实现文件隐藏和木马伪装? NTFS交换数据流(Alternate Data Streams, ADS)是NTFS文件系统特有的一种功能,它允许在同一个文件名下存储多个数据流。除了默认的数据流(通常用于存储文…

牛客小白月赛89(A~C)

小白赛怎么这么难打,是什么小白,我的世界小白吗。 A. 伊甸之花 给你一个数组 a,问你是否找出一个 不等于 a 的数组 b,满足 其中数值都要在 [1,m] 的范围内 直接在 a 数组上修改,可以发现如果改了 a[1],a[2]&#xff…

XSS一-WEB攻防-XSS跨站反射型存储型DOM型标签闭合输入输出JS代码解析

演示案例: XSS跨站-输入输出-原理&分类&闭合XSS跨站-分类测试-反射&存储&DOM #XSS跨站-输入输出-原理&分类&闭合 漏洞原理:接受输入数据,输出显示数据后解析执行 基础类型:反射(非持续),存储(…

【免费】面向多微网网络结构设计的大规模二进制矩阵优化算法

目录 1 主要内容 节点故障网络拓扑变化示意 约束条件 目标函数 2 部分代码 3 结果一览 4 下载链接 1 主要内容 当前电力系统中微电网逐步成为发展的主力军,微网中包括分布式电源和负荷,单一的微电网是和外部电源进行连接,即保证用电的…

横河Yokogawa AQ6150光波长计

181/2461/8938产品概述: 横河凭借着在光测试测量领域拥有的广泛客户经验,设计出了世界上可靠性高且广泛通用的光波长计。 AQ6150系 列具有特定的技术特点,有能力测量光子技术应用中使用的各种设备和系统,可以说是高效的光波长测量…

2024品牌私域运营:「去中心化」正在成为企业决胜关键

越来越多的品牌选择以DTC模式与消费者互动和销售。通过与消费者建立紧密联系,不仅可提供更具成本效益的规模扩张方式,还能控制品牌体验、获取宝贵的第一方数据并提升盈利能力。许多企业采取的DTC私域策略以交易为中心的方法往往导致了成本上升和运营复杂…

RHCE-3-远程登录服务

简介 概念 远程连接服务器通过文字或图形接口方式来远程登录系统,让你在远程终端前登录linux主机以取得可操作主机接口(shell),而登录后的操作感觉就像是坐在系统前面一样 功能: 分享主机的运算能力 服务器类型:有限…

bert 适合 embedding 的模型

目录 背景 embedding 求最相似的 topk 结果查看 背景 想要求两个文本的相似度,就单纯相似度,不要语义相似度,直接使用 bert 先 embedding 然后找出相似的文本,效果都不太好,试过 bert-base-chinese,be…

图书馆培训英文

introduction move1 move2 move3 要么定性,要么定量 implications 指导意义 Corpus语料库 collocation 激烈的竞争 competiton ADJ 批改网www.pigai.org acdademic phrasebank 在这里插入图片描述 好文章不是写出来的,是改出来的。

Spring事务-两种开启事务管理的方式:基于注解的声明式事务管理、基于编程式的事务管理

Spring事务-两种开启事务管理的方式 1、前期准备2、基于注解的声明式事务管理3、基于编程式的事务管理4、声明式事务失效的情况 例子:假设有一个银行转账的业务,其中涉及到从一个账户转钱到另一个账户。在这个业务中,我们需要保证要么两个账户…

FastAPI+React全栈开发08 安装MongoDB

Chapter02 Setting Up the Document Store with MongoDB 08 Installing MongoDB and friends FastAPIReact全栈开发08 安装MongoDB The MongoDB ecosystem is composed of different pieces of software, and I remember that when I was starting to play with it, there w…

I.MX6ULL_Linux_驱动篇(57)linux Regmap API驱动

我们在前面学习 I2C 和 SPI 驱动的时候,针对 I2C 和 SPI 设备寄存器的操作都是通过相关的 API 函数进行操作的。这样 Linux 内核中就会充斥着大量的重复、冗余代码,但是这些本质上都是对寄存器的操作,所以为了方便内核开发人员统一访问 I2C/S…

解决错误LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to

react native pod第三方包或者git clone的时候遇到 OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443两种解决方案 方法一 修改计算机网络配置 由于使用 IPv6 的原因,可能会导致这一问题的出现 系统在解析hostname时使用了ipv6 可以配…