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

HTML(菜鸡视角)

heading

<h>  标题  </h>

多级标题时:<h1>  <h2>......级联

Paragraph

<p> 段落内容  </p>

Note!

<!--   注释内容   -->

Element

<main>   主要内容   </main>

image

<img src="图片地址"  alt="图片描述">

img表示显示的是图片image

src表示图片是从哪里来的source

alt表示用文字描述一下图片内容,这样开发时就不用盯着图片地址而不知道这里放的是啥图片了

还有作用就是当网络不好,图片加载不出来时,那个破损图标旁会显示alt内容表示用文字将图片替换alternate

anchor

外部跳转

<a href="跳转目的地的地址"> 网页显示内容 </a>

初次看到这个简写的a很奇怪,anchor锚用在这里干啥。但想了想游戏中传送锚点,口袋锚点(原来你也玩原神)就想通了,不就是用来传送的吗,游戏中传送人物,这里就是传送到目的网页

网页显示内容:是可点击的,相当于超链接?点一下就相当于跳转至href的目的地址

href:Hypertext Reference这是啥,不用管,反正我就记成“here from”,反正就是记录这里的跳转内容是从哪里来的

内部跳转

<a   href="# 目的id ">contacts </a>

<h2  id   ="   目的id ">contacts </a>

点击contacts区域就会跳转到“目的id”的位置

🐖:target=“_blank”要删掉,不然会在新标签页打开

occupation

目的不确定时用  href=“#”此时不跳转

image anchor

建立图片链接

<a href = "#“><img src=""></a>

这样点击图片就是一个超链接,跳转至目的地了

unordered list

无序列表

<ul><li>sth1</li><li>sth2</li>
</ul>

<li>的内容是并列的

 

ordered list

有序列表

<ol><li>sth1</li><li>sth2</li>
</ol>

<li>的内容是自动排序的

 input

<input type = "text">

创建text类型的输入框

占位

placeholder="默认值"

 form

创建发送给服务器的表单form

<form action="/url-where-you-want-to-submit-form-data"><input type="text" required><button type="submit">Submit</button>
</form>

按一下button按钮,填入input的内容就发给服务器了

required表示这是必填项哦,不填就按button会被提醒

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

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

Hibernate对实际数据进行操作

//增 public static void main(String[] args){ Configuration cfg null; SessionFactory sf null; Session session null; Transaction ts null; User u new User(); System.out.println("请输入用户信息:&quo…...

GCC的-Wl,--wrap编译选项

GCC的--wrap是一个链接器选项&#xff0c;假如我们要编译的源文件为main.c&#xff0c;编译命令如下&#xff1a; gcc main.c -Wl,--wrapfunc -o main.elf有以下效果&#xff1a; 如果符号func没有&#xff08;在当前源文件&#xff09;定义&#xff0c;就链接到__wrap_func如…...

个人技能点(郎)

个人技能点1. 熟悉 h5 和 c3 新特性&#xff1a;语义化标签&#xff0c;flex 布局&#xff0c;动画等H5 新特性&#xff1a;2. 熟悉js作用域、原型、事件轮询机制、闭包等原理&#xff1b;js 作用域闭包事件轮询机制原型3. 熟悉 ES6 语法标准 promise&#xff0c;async/await 异…...

【Android 11】使用Android Studio调试系统应用五):编译Settings 模块、解决编译错误

文章目录 1. 篇头语2. 系列文章3. 关联Git4. 完善Settings的依赖4. 1 Android.bp回顾4.2 提取出所需androndx支持库4.2.1 依赖列表(android.bp)4.2.2 转换后的列表(build.gradle)4.2 提取出所需aar库4.3 提取出依赖的本地jar包4.3.1 查找本地jar包的位置4.3.2 所需jar列表(ando…...

1.5 异常

什么是异常 异常就是在程序运行期间&#xff0c;因为某些原因导致程序出现了错误的情况。 异常封装了三个重要信息: 类型&#xff0c;信息&#xff0c;行号 异常的简单继承结构 Throwable |- Error 系统级别的错误&#xff0c;无法处理&#xff0c;只能停止运行 |- Excepti…...

[HCIP] 10 - IGMP 协议

一、IGMP 介绍 二、组播组管理协议工作机制&#xff1a;...

海大09-10.3题:编程计算并输出1*2+3*4+5*6+...+(n-1)*n的值,其中,n的值由键盘输入。(8分)

题目 本题是中国海洋大学《C语言程序设计》2009-2010年第一学期编程题第3题。 题目&#xff1a; 编程计算并输出12345*6…&#xff08;n-1&#xff09;*n的值&#xff0c;其中&#xff0c;n的值由键盘输入。&#xff08;8分&#xff09; 以下是本篇文章正文内容&#xff0c;欢…...

DEDE织梦如何做中英文多语言站

说道中英文站&#xff0c;是很多用户想用dedecms织梦程序做多语言站&#xff0c;下面网分享下做中英文多语言版本的站点如何操作&#xff0c;希望能帮助到大家。 一、首先在后台建栏目&#xff0c;有三点需要注意 1.需要做几种语言就加几个大的栏目。 2.栏目“常规选项”的文…...

2021-08-23 linux的部分基本命令与vi/vim的部分命令

linux的基本命令 文章目录linux的基本命令前言一、APT(Advanced Packing Tool)1.工作原理2.修改源3.几个常用的命令二、vi/vim一. vi/vim 模式1.vi有两种工作模式二. vi/vim 命令1.vim:退出命令2.vim删除与修改命令3.vim拷贝与粘贴命令4.vim 撤销命令5.vim 搜索命令6.vim 替换命…...

题解报告:m10

找abc(add) 问题描述&#xff1a; 有两个正整数集合{An},{Bm}&#xff0c;其中整数值均不超过106。输出正整数x&#xff0c;判断是否存在A中的一个数a与B中的一个数b的和为x。 输入格式&#xff1a; 第一行为正整数t(≤5)&#xff0c;表示数据组数&#xff1b;每组数据中&a…...

VISSIM二次开发(Python)大作业总结2

VISSIM二次开发&#xff08;Python&#xff09;&大作业总结2 写在前面 前一小节已经概括了基本所有这次使用的二次开发的知识&#xff0c;在这一小节&#xff0c;我们主要介绍本文对.att文件的读取和绘图以及分析的工作。 在这一部分我们将展开对这一部分的介绍&#xf…...

sql中grant授权语句revoke撤销语句

MySQL 赋予用户权限命令的简单格式可概括为&#xff1a; grant 权限 on 数据库对象 to 用户 一、grant 普通数据用户&#xff0c;查询、插入、更新、删除 数据库中所有表数据的权利 grant select on testdb.*to common_user%; grant insert on testdb.*to common_user%; gran…...

QT如何设置小程序不被重复启动多个该程序

添加互斥锁 判断 如果进程有该程序&#xff0c;则return不运行 #if defined Q_OS_WIN32 //for win #include <windows.h> bool checkOnly() {// 创建互斥量HANDLE m_hMutex CreateMutex(NULL, FALSE, L"fortest_abc123" );// 检查错误代码if (GetLas…...

jquery--动画效果

show() : 显示隐藏的匹配元素。 这个就是 show( speed, [callback] ) 无动画的版本。如果选择的元素是可见的&#xff0c;这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;&#xff0c;这个方法都将有效。 hide()&#xff1a…...

SVN错误:Previous operation has not finished;run “cleanup“ if it was interrupted.

问题分析&#xff1a; SVN报错以上错误&#xff0c;可能是修改本地的文件之前没有update&#xff0c;导致commit的时候产生冲突&#xff0c;致使SVN崩溃&#xff0c;陷入clean up 死循环。 svn 的 operation是存放在 "work queue" 里的。而 "work queue"…...

【力扣1044. 最长重复子串】二分查找+Rabin-Karp 字符串编码、后缀数组(Python3)

题目描述 https://leetcode-cn.com/problems/longest-duplicate-substring/ 思路题解 方法一&#xff1a;二分查找Rabin-Karp 字符串编码 https://leetcode-cn.com/problems/longest-duplicate-substring/solution/zui-chang-zhong-fu-zi-chuan-by-leetcode/ class Solut…...

政产学研各界推动软件和信息技术服务业增速发展

​日前&#xff0c;工业和信息化部发布的最新数据显示&#xff0c;上半年&#xff0c;我国软件和信息技术服务业业务收入呈加快增长态势&#xff0c;完成软件业务收入44198亿元&#xff0c;同比增长23.2%&#xff0c;近两年复合增长率为14.7%。 从利润水平来看&#xff0c;上半…...

java16语言新特性

新语言特性 JEP 394&#xff0c;适用于 instanceof 的模式匹配模式匹配&#xff08;Pattern Matching&#xff09;最早在 Java 14 中作为预览特性引入&#xff0c;在 Java 15 中还是预览特性。模式匹配通过对 instacneof 运算符进行模式匹配来增强 Java 编程语言。模式匹配使程…...

JavaScript-DOM、BOM对象

DOM对象 功能&#xff1a;控制html文档的内容 1、获取页面标签(元素)对象&#xff1a;Element 方法&#xff1a;document.getElementById(“id值”)&#xff1a;通过元素id获取元素对象、 2、操作Element对象&#xff1a; 1&#xff09;. 修改属性值&#xff1a; 明确获取的对…...

Vue 路由导航

...

剑指Offer14-剪绳子12

题目描述–剪绳子1 思路分析 首先要分析出怎么切分是最优方案&#xff0c;显然和一定时&#xff0c;分成相等的数的乘积最大。用简单的数学归纳的思想可以发现&#xff0c;4对应2*2&#xff0c;5对应2x3&#xff0c;6对应3x3&#xff0c;7对应3x2x2&#xff0c;8对应3x3x2&…...

能被5和6同时整除 并且每10个数一行 用python编程 记录

2021-8-23 题列出为100到1000之间能同时被5和6整除的数&#xff0c;并且10个数为一列 接触该题 编写了下面的代码 下面展示一些 内联代码片。 for i in range(100, 1001):if i % 5 0 and i % 6 0:print(i, end" ")结果是&#xff1a; ** 120 150 180 210 240 270…...

解决国内下载vscode慢的方法

VSCO的的下载地址&#xff1a; https://code.visualstudio.com/Download 下载也太慢了 解决办法&#xff1a; 复制链接到新的窗口&#xff0c;将圈起来的地方改为国内镜像地址&#xff1a;vscode.cdn.azure.cn 然后几秒就下载好啦...

RobotFramework-RIDE简单使用

RobotFramework-RIDE简单使用 准备工作 环境准备&#xff08;Python 3.7.5&#xff0c;robotframework 4.1&#xff0c;robotframework-ride1.7.4.2&#xff09; 1&#xff09;pip install robotframework-ride&#xff08;根据本机Python和RobotFramework安装适配版本&#…...

阿里云短信集成dome

依赖&#xff1a; <dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId><version>4.0.6</version></dependency><dependency><groupId>com.aliyun</groupId><artif…...

【lssvm预测】基于鲸鱼算法优化lssvm数据预测matlab源码

1、最小二乘支持向量机LSSVM基本原理 最小二乘支持向量机是支持向量机的一种改进&#xff0c;它是将传统支持向量机中的不等式约束改为等式约束, 且将误差平方和(SumSquaresError)损失函数作为训练集的经验损失,这样就把解二次规划问题转化为求解线性方程组问题, 提高求解问题…...

数据库原理-ER模型转换为关系模型

1。ER图转换成关系模式集的算法(联系类型的转换&#xff09;:不同的情况做不同的处理。(二元联系类型的转换) ①若实体间联系是1:1&#xff0c;可以在两个实体类型转换成的两个关系模式中任意一个关系模式的属性中加入另一个关系模式的键和联系类型的属性。 若实体间联系是1:n…...

【图像增强】基于局部对比度增强的CLAHE算法 --直方图增强

%% tic %% 清空工作区与变量 clc; clear; for image_number1:1imageNamestrcat(num2str(image_number),.jpg);img imread(imageName);%% 在LAB空间进行去雾% RGB转LABtransform makecform(srgb2lab); LAB applycform(img,transform); % 提取亮度分量 LL LAB(:,:,1); % 对…...

【指纹识别】基于模板匹配算法指纹识别匹配门禁系统matlab源码

一、简介 1 指纹识别的引入和原理 1.1 指纹的基本知识 指纹&#xff0c;由于其具有终身不变性、唯一性和方便性&#xff0c;已几乎成为生物特征识别的代名词。指纹是指人的手指末端正面皮肤上凸凹不平产生的纹线。纹线有规律的排列形成不同的纹型。纹线的起点、终点、结合点和…...

java企业固定资产管理系统ssm框架

本企业固定资产管理系统SSM(SpringSpringMVCMyBatis)框架开发,主要包括系统用户管理模块、人员管理模块、资产管理、资产领用管理、维修管理、登录模块、和退出模块等多个模块。 本人通过开发此系统&#xff0c;在提高自己编程水平的同时&#xff0c;也对软件开发的过程和开发流…...

pikachu靶场-upload-速通

upload-速通client checkMIME typegetimagesizeclient check 最简单的&#xff0c;先上传一张含有一句话木马的图片格式&#xff0c;抓包修改图片后缀为php&#xff0c;放包发送就行 访问并确认该上传文件是否以php形式解析 蚁剑直连&#xff1a; MIME type 后端php检查上…...

excel如何免费批量转换成pdf?这个方法太好用了

大家都知道&#xff0c;我们办公过程中建立各种表格都喜欢用excel软件&#xff0c;特别是那些人事部的同事&#xff0c;当我们将数据存储好之后&#xff0c;因为担心他人修改我们的数据&#xff0c;所以一些朋友会选择将excel文件转换成比较难以编辑的pdf文件。那么excel如何转…...

Excel是什么软件?免费的吗?

现在日常办公&#xff0c;离不开Excel表格&#xff0c;Excel是什么软件呢&#xff1f;实质上Excel是office软件中的一个小分支&#xff0c;现在市面上的office软件也琳琅满目&#xff0c;软件功能参差不齐&#xff0c;使用一款好用的office&#xff0c;能够大大提高我们的工作效…...

免费Excel教程 价值8800元的office Excel教程 表格教程 免费Excel教程 合并单元格

上学的时候CSDN的老师就推荐我们用&#xff0c;CSDN面博客&#xff0c;现在依然希望能够延续下这个习惯&#xff0c;分享一些有价值的内容在CSDN。 最近做一些报表&#xff0c;但是放下N多时间的Excel 已经下饭了&#xff0c;幸好有原来的一份教程&#xff0c;现在分享给大家。…...

java excel 背景_Java设置Excel背景

码农公社 210.net.cn 210是何含义&#xff1f;10月24日是程序员节&#xff0c;1024 210、210既210之意。Java 设置Excel表格颜色背景(即指定单一颜色作为背景色)、图片背景(即加载图片设置成页面背景)。程序中需要使用免费版Excel类库工具 Free Spire.XLS for Java来辅助实现…...

利用免费Excel控件来制作Excel报表

我们小组上个季度接手了一个项目其中需要实现创建excel文档的功能&#xff0c;寻找实现这个功能的控件的任务分配给了我&#xff0c;通过百度搜索我找到了一个免费的控件&#xff0c;它是由E-iceblue公司推出的spire.xls控件&#xff0c;接下来的一段时间我尝试地创建了多个应用…...

html如何添加阿里图标,CSS引入阿里iconfont图标步骤

CSS引入阿里iconfont图标步骤第一步选择图标&#xff0c;选择添加入库第二步没有项目就新建一个项目下载项目文件&#xff0c;复制粘贴到你的WEB项目目录中回到网页&#xff0c;点击查看在线链接复制代码到你的index.html定义使用iconfont的样式.iconfont{font-family:"ic…...

MySQL进阶

文章目录数据库约束NULL约束UNIQUE&#xff1a;唯一约束DEFAULT&#xff1a;默认值约束PRIMARY KEY&#xff1a;主键约束FOREIGN KEY&#xff1a;外键约束表的设计——一对一、一对多、多对多增删改查进阶聚合函数Group by分组having:分组后的条件过滤联合查询内连接外连接自连…...

基于Halcon学习的一维码识别【十三】ean13.hdev

读取EAN-13型条形码 总代码&#xff1a; *创建模板 create_bar_code_model ([], [], BarCodeHandle) CodeType : EAN-13 * dev_close_window () dev_open_window (0, 0, 544, 496, black, WindowHandle) set_display_font (WindowHandle, 16, mono, true, false) dev_set_col…...

php ean13,php生成EAN_13标准条形码实例_php实例

function EAN_13($code) {//一个单元的宽度$lw 2;//条码高$hi 100;// the guide code is no coding,is used to show the left part coding type//// Array guide is used to record the EAN_13 is left part coding type//$Guide array(1>AAAAAA,AABABB,AABBAB,ABAABB,A…...

条码规范——EAN13

EAN-13 BACKGROUND INFORMATION EAN-13, based upon the UPC-A standard, was implemented by the International Article Numbering Association (EAN) in Europe. This standard was implemented mostly because the UPC-A standard was not well designed for internation...

php ean13,php生成EAN_13标准条形码实例_PHP教程

function EAN_13($code) {//一个单元的宽度$lw 2;//条码高$hi 100;// the guide code is no coding,is used to show the left part coding type//// Array guide is used to record the EAN_13 is left part coding type//$Guide array(1>AAAAAA,AABABB,AABBAB,ABAABB,A…...

一维码EAN 13简介及其解码实现(zxing-cpp)

一维码EAN 13&#xff1a;属于国际标准条码, 由13个数字组成&#xff0c;为EAN的标准编码型式(EAN标准码)。依结构的不同&#xff0c;EAN条码可区分为&#xff1a;1&#xff0e; EAN 13码: 由13个数字组成&#xff0c;为EAN的标准编码型式(EAN标准码)。2&#xff0e; EAN 8码…...

vs2019_qt6.2.4_dcmtk3.6.7_vtk9.2.2_itk5.3_opencv4.6.0编译记录

目录 1 dcmtk3.6.7编译 2 vtk9.2.2编译 3 itk5.3编译 4 opencv4.6.0 5 参考链接 编译顺序&#xff0c;qt6.2.4下载----->dcmtk3.6.7----->vtk9.2.2----->itk5.3----->opencv4.6.0 opencv4.6需要使用到vtk9.2.2&#xff0c;需要在最后编译。 opencv遇到…...

流程图怎样绘制?绘制流程图使用什么工具好?

流程图的也是图表的一种展现格式&#xff0c;其中可能介绍的是某件事情的操作流程&#xff0c;可能是某件事情的解决方法&#xff0c;总之使用流程图都可以进行很好地解决&#xff0c;那流程图要怎样绘制&#xff0c;使用什么软件进行操作呢&#xff1f; 现在随着网络技术的发…...

Android入门第41天-Android中的Service(bindService)

介绍 在前一天我们介绍了Android中有两种启动Service的方法。并擅述了startService和bindService的区别。同时我们着重讲了startService。 因此今天我们就来讲bindService。bindService大家可以认为它是和Android的一个共生体。即这个service所属的activity如果消亡那么bindS…...

png图片转base64

<img idiii load"abc" src"../aseets/bottom.png" > <canvas id"canvas"></canvas>abc(){var canvasdocument.getElementById(canvas)var imgdocument.getElementById(iii)var ctxcanvas.getContext("2d")var he...

unity sprite保存成PNG图片

图集拆分后可以将子图单独保存成png图片&#xff0c;使用如下代码&#xff0c; var sprites Resources.LoadAll<Sprite>("main"); Debug.Log("拆分的图片如下:"); var path "D:/Splite/"; if (!Directory.Exists(path)) {Directory.Crea…...

【Qt记录】Windows 窗口层级(Z-order)

功能&#xff1a;软件有一个提示弹窗&#xff0c;希望让他永远在最上面&#xff0c;保证该窗口在任何情况下不会被遮挡。 由上面的问题就查找对应的api找到了SetWindowPos()。 在说这个函数之前&#xff0c;先了解以下概念&#xff1a; Z-order&#xff08;Z顺序&#xff09…...

c语言星空程序,C语言C 编程学习程序员大神!绘制神奇代码之星空动态

CC语言C 编程学习程序员大神&#xff01;绘制神奇代码之星空动态C语言是面向过程的&#xff0c;而C&#xff0b;&#xff0b;是面向对象的C和C的区别&#xff1a;C是一个结构化语言&#xff0c;它的重点在于算法和数据结构。C程序的设计首要考虑的是如何通过一个过程&#xff0…...