html期末复习速览
一.基础标签
1.段落标签<p></p>
特点:分段分割
2.标题标签<h1></h1>……<h6></h6>
特点:文字加粗,单独占一行
3.换行标签<br />
特点:单标签,强制换行
二.文本格式化标签
1.粗体标签<strong></strong>或者<b></b>(更推荐strong,重点)
2.斜体标签<em></em>或者<i></i>(更推荐em,重点)
3.删除线标签<del></del>或者<s></s>(更推荐del)
4.下划线标签<ins></ins>或者<u></u>(更推荐ins)
三.盒子标签
1.大盒子标签<div></div>
特点:一行只能放一个
2.小盒子标签<span></span>
特点:一行可以放多个
四.图像标签
图像标签<img src="图像的地址" /> (src必写)
其中其他的属性
1.alt——当图像无法显示的时候,出现的文字
2.title——当鼠标放在图片上时出现的文字
3.width——设置宽度(一般将width和height设置其中一个,然后另外一个自动将它等比例变化)
4.height——设置高度
5.border——设置图像的边框粗细
注意:可以拥有多个属性,必须写在标签名的后面;属性之间不分先后顺序,之间以空格分开;格式为:属性=“属性值”
相关图像地址知识:
1.当为相对路径时:
同级可以直接使用
下一级路径 / 例如<img src="images/baidu.gif">
上一级路径 ../ 例如<img src="../baidu.gif">
2.当为绝对路径时:
一般直接用网页上的图像复制地址即可得到
五.链接标签
1.格式<a href="跳转目标" target="弹出窗口的弹出方式">文本或图像</a>
其中target有两个选择,默认为_self即覆盖原窗口,_blank则新创建一个窗口
如果暂时没有合适的地址,可以用"#"这个空链接代替
2.锚点链接<a href="#名字"></a> 对应名字用id
例如要在很长的一个页面直接跳到某个位置,则可以使用锚点链接
<a href="#two">第二集</a>
<h3 id="two">第二集介绍</h3>
六.注释标签和特殊字符
1.注释:<!-- -->
2.空格符——& nbsp;
3.小于号——& lt
4.大于号——& gt
七.表格标签
1.表格框架:
<table>
<tr>
<td></td>
</tr>
</table>

由外到内:就是table,tr,td
table用来定义表格的标签
tr用于定义表格中的行,必须嵌套在table里
td用于定义表格中的单元格,必须嵌套在tr里
如果第一行的单元格属于一个大类,一般用th这个表头单元格标签替换td
th的特点:里面的内容加粗居中显示
2.表格属性
加在table后面
align表示该表格在哪里,有三个选择:left,center,right
border表示是否有边框,有两个选择:默认为"",没有边框;"1",有边框
cellpadding:单元边沿与其内容之间的空白
cellspaceing:单元格之间的空白
width:表格的宽度
3.表格结构标签
加在table里面
thead用于定义表格的头部,内部必须有tr,一般位于第一行
tbody用于定义表格的主体
框架:
<table>
<thead>
……
</thead>
<tbody>
……
</tdody>
</table>
八.列表标签
1.无序列表(前面带一个黑点)
格式:
<ul>
<li></li>
……
<li></li>
</ul>
注意:不能在ul加其他非li标签,要加只能加到li里面
2.有序列表(前面带1234标号)
格式:
<ol>
<li></li>
……
<li></li>
</ol>
注意:不能在ol加其他非li标签,要加只能加到li里面
3.自定义列表(一般用在页面最底下)
格式:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
注意:不能在dl加其他非dt,dd标签,要加只能加到dt和dd里面,一般都是一个dt对多个dd
九.表单
表单的目的就是为了填写信息
三个部分:表单域,表单控件,提示信息
表单域有<form></form>确定范围
表单控件有input,select,textarea
1.input
格式:<input type="属性">
type属性:
text——文本框
radio——单选按钮(小圆圈)
checkbox——复选框(小方框)
password——密码框
hidden——定义隐藏的输入字段
button——可点击按钮
reset——重置按钮
submit——提交按钮
name属性:
对于单选按钮必须要用相同的name(name="sex")
value属性:
默认没输入的时候就显示的文字(value="请输入用户名")
checked属性:
首次加载进来后默认勾选某一个(checked="checked")
maxlength属性:
文本框最多可以输入多少个长度(maxlength="6")
label标签:增加可点击范围
格式:<label for="名字"> ……</label>,对应的表单控件添加id="名字"
例如:<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />
2.select下拉表单
格式:
<select>
<option>……</option>
<option>……</option>
</select>
给option里面加上selected可以自动默认选择某一个
例如:<option selected="selected">火星</option>
3.textarea文本域
格式:
<textarea rows="" cols="">
文本内容
</textarea>
注:如果不够了,会添加滚动条可以继续填写
相关文章:
html期末复习速览
一.基础标签 1.段落标签<p></p> 特点:分段分割 2.标题标签<h1></h1>……<h6></h6> 特点:文字加粗,单独占一行 3.换行标签<br /> 特点:单标签,强制换行 二.文本格式化…...
CTFHUB-信息泄露-目录遍历和PHPINFO
目录 目录遍历 PHPINFO 目录遍历 很简单,挨着把每个目录都点开看一下 发现2目录下有个 flag.txt 文件,点开发现了本关的flag PHPINFO 这关也很简单,进来之后是一个phpinfo页面,按 CTRL F键打开查询,输入flag&#…...
面向Java程序员的Go工程开发入门流程
对于一个像我这样没有go背景的java程序员来说,使用go开发一个可用的程序的速度是肉眼可见的缓慢。 其难点不在于go语言本身,而是搭建整个工程链路的过程,即所谓的“配环境”。 本文主要讲述如何配出一个适合go开发的环境,以免有同…...
vue3开发高德地图
在vue3的index.html 使用动态注入地址名和key <html lang"en"><head><meta charset"UTF-8" /><link rel"icon" type"image/svgxml" href"/vite.svg" /><meta name"viewport" conten…...
通过DLL方式链接glfw3.dll
主要是CMakeLists.txt文件变化 cmake_minimum_required(VERSION 3.10) project(glfwTest) set(CMAKE_CXX_STANDARD 11) aux_source_directory(. SRC_SOURCES) set(GLFW_INCLUDE_DIR ${CMAKE_SOURCE_DIR}/include) set(GLFW_LIBRARY_DIR ${CMAKE_SOURCE_DIR}/lib/glfw) add_ex…...
Python自然语言处理(NLP)库之NLTK使用详解
概要 自然语言处理(NLP)是人工智能和计算机科学中的一个重要领域,涉及对人类语言的计算机理解和处理。Python的自然语言工具包(NLTK,Natural Language Toolkit)是一个功能强大的NLP库,提供了丰富的工具和数据集,帮助开发者进行各种NLP任务,如分词、词性标注、命名实体…...
sqoop操作
介绍 sqoop是隶属于Apache旗下的, 最早是属于cloudera公司的,是一个用户进行数据的导入导出的工具, 主要是将关系型的数据库(MySQL, oracle...)导入到hadoop生态圈(HDFS,HIVE,Hbase...) , 以及将hadoop生态圈数据导出到关系型数据库中 操作 将数据从mysql中导入到HDFS中 1.全量…...
【Qt秘籍】[002]-开始你的Qt之旅-下载
一、Qt的开发工具有哪些? Qt的开发工具概述Qt支持多种开发工具,其中最常见的开发工具是 1.QtCreator 【易上手/有少量bug/适合新手】 2.VisualStudio 【功能强大/易出错/需要更多额外配置】 3.Eclipse 【清朝老兵IDE/不建议使用】 【注意࿱…...
【自动驾驶】点与向量从ego系转odometry系
1.点从ego系转odometry系(ego -> odometry) struct Point {float x;float y;float angle; }; Point trans; // is the odom to ego transform Point odom_coord; is the odom coord Point ego_coord; is the ego coordfloat odom_coord.x = (ego_coord.x - trans.x) * st…...
jsmug:一个针对JSON Smuggling技术的测试PoC环境
关于jsmug jsmug是一个代码简单但功能强大的JSON Smuggling技术环境PoC,该工具可以帮助广大研究人员深入学习和理解JSON Smuggling技术,并辅助提升Web应用程序的安全性。 背景内容 JSON Smuggling技术可以利用目标JSON文档中一些“不重要”的字节数据实…...
Qt 控件提升
什么是控件提升(Widget Promotion) 控件提升是一个在Qt编程中常见但容易被忽视的概念。简单来说,控件提升就是将一个基础控件(Base Widget)转换为一个更特定、更复杂的自定义控件(Custom Widget)…...
封装一个websocket,支持断网重连、心跳检测,拿来开箱即用
封装一个websocket,支持断网重连、心跳检测 代码封装 编写 WebSocketClient.js import { EventDispatcher } from ./dispatcherexport class WebSocketClient extends EventDispatcher {constructor(url) {console.log(url, urlurl)super()this.url url}// #soc…...
推荐一款开源电子签章/电子合同系统
文章目录 前言一、项目介绍二、项目地址三、技术架构四、代码结构介绍五、功能模块六、功能界面首页面手写签名面板电子印章制作数字证书生成 总结 前言 大家好!我是智航云科技,今天为大家分享一个免费开源的电子签字系统。 一、项目介绍 开放签电子签…...
Qt Creator(Qt 6.6)拷贝一行
Edit - Preference - Environment: 可看到,拷贝一行的快捷键是: ctrl Ins...
红队内网攻防渗透:内网渗透之数据库权限提升技术
红队内网攻防渗透 1. 内网权限提升技术1.1 数据库权限提升技术1.1.1 数据库提权流程1.1.1.1 先获取到数据库用户密码1.1.1.2 利用数据库提权工具进行连接1.1.1.3 利用建立代理解决不支持外联1.1.1.4 利用数据库提权的条件及技术1.1.2 Web到Win-数据库提权-MSSQL1.1.3 Web到Win-…...
从0开始制作微信小程序
目录 前言 正文 需要事先准备的 需要事先掌握的 什么是uniapp 平台应用的分类方式 什么是TypeScript 创建项目 项目文件作用 源码地址 尾声 🔭 Hi,I’m Pleasure1234🌱 I’m currently learning Vue.js,SpringBoot,Computer Security and so on.…...
Linux学习笔记:日志文件的编写
日志文件Log.hpp 日志文件的作用简单的日志文件编写 日志文件的作用 日志文件可以很好的帮我们显示出程序运行的信息,例如,进程pid,运行时间,运行状况等,通过日志记录程序的执行路径、变量值、函数调用等,可以帮助我们快速定位和修复代码中的错误。 简单的日志文件…...
为什么要保持方差为1
1.数值稳定性: 在机器学习和深度学习中,维持激活函数输入的方差在一个合理范围内(如1)是很重要的,这有助于防止在训练过程中发生梯度消失或梯度爆炸的问题。如果方差过大或过小,经过多层网络后输出结果的方…...
Wpf 使用 Prism 实战开发Day31
登录数据绑定 1.首先在LoginViewModel 登录逻辑处理类中,创建登录要绑定属性和命令 public class LoginViewModel : BindableBase, IDialogAware {public LoginViewModel(){ExecuteCommand new DelegateCommand<string>(Execure);}public string Title { ge…...
Linux权限提升二
#应用场景: 获取到Web权限或普通用户在Linux服务器上时进行的SUID&SUDO提权 SUID (Set owner User ID up on execution)是给予文件的一个特殊类型的文件权限。在Linux/Unix中,当一个程序运行的时候,程序将从登录用户处继承权限。SUID被定…...
Docker 离线安装指南
参考文章 1、确认操作系统类型及内核版本 Docker依赖于Linux内核的一些特性,不同版本的Docker对内核版本有不同要求。例如,Docker 17.06及之后的版本通常需要Linux内核3.10及以上版本,Docker17.09及更高版本对应Linux内核4.9.x及更高版本。…...
MPNet:旋转机械轻量化故障诊断模型详解python代码复现
目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块(MBFM) 2.2 残差注意力金字塔模块(RAPM) 2.2.1 空间金字塔注意力(SPA) 2.2.2 金字塔残差块(PRBlock) 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...
[2025CVPR]DeepVideo-R1:基于难度感知回归GRPO的视频强化微调框架详解
突破视频大语言模型推理瓶颈,在多个视频基准上实现SOTA性能 一、核心问题与创新亮点 1.1 GRPO在视频任务中的两大挑战 安全措施依赖问题 GRPO使用min和clip函数限制策略更新幅度,导致: 梯度抑制:当新旧策略差异过大时梯度消失收敛困难:策略无法充分优化# 传统GRPO的梯…...
《Qt C++ 与 OpenCV:解锁视频播放程序设计的奥秘》
引言:探索视频播放程序设计之旅 在当今数字化时代,多媒体应用已渗透到我们生活的方方面面,从日常的视频娱乐到专业的视频监控、视频会议系统,视频播放程序作为多媒体应用的核心组成部分,扮演着至关重要的角色。无论是在个人电脑、移动设备还是智能电视等平台上,用户都期望…...
PHP和Node.js哪个更爽?
先说结论,rust完胜。 php:laravel,swoole,webman,最开始在苏宁的时候写了几年php,当时觉得php真的是世界上最好的语言,因为当初活在舒适圈里,不愿意跳出来,就好比当初活在…...
【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力
引言: 在人工智能快速发展的浪潮中,快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型(LLM)。该模型代表着该领域的重大突破,通过独特方式融合思考与非思考…...
第25节 Node.js 断言测试
Node.js的assert模块主要用于编写程序的单元测试时使用,通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试,通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...
【单片机期末】单片机系统设计
主要内容:系统状态机,系统时基,系统需求分析,系统构建,系统状态流图 一、题目要求 二、绘制系统状态流图 题目:根据上述描述绘制系统状态流图,注明状态转移条件及方向。 三、利用定时器产生时…...
DBAPI如何优雅的获取单条数据
API如何优雅的获取单条数据 案例一 对于查询类API,查询的是单条数据,比如根据主键ID查询用户信息,sql如下: select id, name, age from user where id #{id}API默认返回的数据格式是多条的,如下: {&qu…...
【python异步多线程】异步多线程爬虫代码示例
claude生成的python多线程、异步代码示例,模拟20个网页的爬取,每个网页假设要0.5-2秒完成。 代码 Python多线程爬虫教程 核心概念 多线程:允许程序同时执行多个任务,提高IO密集型任务(如网络请求)的效率…...
