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

WEB前端复习——HTML

news 2026/5/21 9:25:02

固定格式：开头<!DOCTYPE html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>标题名字</title>
</head>
<body></body>
</html>

注解：<!> 通用格式：xx = " " eg.bgcolor="red" 

body属性 <body bgcolor="red" >

bgcolor 背景色

text 文本颜色

link 待链接文本颜色

alink 正在链接颜色

vlink 连接后颜色

background 文档背景

字体标记

<b>粗体</b>

<i>斜体</i>

<blink>闪烁字</blink>

<sub>下标</sub>

<sup>上标</sup>

水平线 <hr>

标题<h1 align="center"></h1>~h6

<p>段标签</p>

<br>换行

<center>居中</center>

<marquee>滚动标签</marquee>

无序列表unorder list

<body><ul><li> 第一个元素 </li><li>第二个元素</li></ul>
</body>

有序列表 order list

<body><ol><li> 第一个元素 </li><li>第二个元素</li></ol>
</body>

样式<ul type="">

定义式列表

<body><dl><dt>不空行顶格</dt><dd>正文空2格</dd></dl>
</body>

文本级标记

1.超文本 跳转网页 （<a href="url"></a> target="_blank" 空白页跳转）

<body><a href="https://www.csdn.net/">点击跳转</a>
</body>

跳转另一个段落 （#表示当前文档 ）

    <a href="#me">点击跳转</a><p>哈哈哈哈我好帅</p><p>第二段</p><a name="me">firstpage</a><p>最后一段</p>

2.网页中插入图像（还可加width="100px" height="xx"）

<img src="url" alt="自动显示的文字">

ps.文字与图像对齐:align="top/middle/bottom/left/right"

跳转至图片

 <a href="URL">dianjitiaozhuan</a>

3.插入音频或视频

音频：au\wav\aiff\snd

视频：mpeg

同理使用a标签

表格（<th>总标题、td属性 colspan="跨列数量" rowspan="2"跨行数量 align、height、width、border、bordercolor）

    <table border="1"><tr><td>单元格1</td><td>2</td></tr><tr><td>tr为行</td><td>td为列</td></tr></table>

框架（不能放在Body中）

   <!-- 按行分割 --><frameset rows="40%,60%"><frameset clos="15%,85%"><!-- 按列分割 --><frame SRC="ht.html" scolling="no" noresize="noresize"></frame> </frameset></frameset>

特殊字符：

空格&nbsp

< &lt

>&gt 

& &amp

图标：<link rel="stylesheet" href="./1.jpg" type="image-icon">

指定2秒自动刷新跳转

 <meta http-equiv="refresh" content="2;URL=https://www.csdn.net/">

相关文章：

WEB前端复习——HTML

固定格式&#xff1a;开头<!DOCTYPE html> <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>标…...

编程日记 2024/5/12 12:18:40

Java医院绩效管理应用系统源码java+ maven+ avue 公立医院绩效考核管理系统源码 支持二开

Java医院绩效管理应用系统源码java maven avue 公立医院绩效考核管理系统源码 支持二开 医院绩效管理系统解决方案紧扣新医改形势下医院绩效管理的要求&#xff0c;以“工作量为基础的考核方案”为核心思想&#xff0c;结合患者满意度、服务质量、技术难度、工作效率、医德医风…...

编程日记 2024/5/12 12:15:37

湖南知识付费系统开发公司,教育机构如何提高转化率？有哪些途径？

教育行业必须线上线下一起抓。当下教育机构不得不考虑线上招生、线上教学和服务。但是大多数人&#xff1a;没思路、没人才&#xff0c;不知道如何下手?其实线上运营也没那么难&#xff0c;“危机”即“机遇”。教育机构如何提高转化率&#xff1f;有哪些途径&#xff1f; 一、…...

编程日记 2024/5/12 12:13:35

Goland GC

Goland GC 引用Go 1.3 mark and sweep 标记法Go 1.5 三色标记法屏障机制插入屏障删除写屏障总结 Go 1.8 混合写屏障(hybrid write barrier)机制总结 引用 https://zhuanlan.zhihu.com/p/675127867 Garbage Collection&#xff0c;缩写为GC&#xff0c;一种内存管理回收的机制…...

编程日记 2024/5/12 12:12:34

【SRC实战】合成类小游戏外挂漏洞

挖个洞先 https://mp.weixin.qq.com/s/ZnaRn222xJU0MQxWoRaiJg “以下漏洞均为实验靶场&#xff0c;如有雷同&#xff0c;纯属巧合” 合成类小游戏三个特点&#xff1a; 1、一关比一关难&#xff0c;可以参考“羊了个羊” 2、无限关卡无限奖励&#xff0c;可以参考“消灭星星…...

编程日记 2024/5/12 12:10:31

【牛客】SQL206 获取每个部门中当前员工薪水最高的相关信息

1、描述 有一个员工表dept_emp简况如下&#xff1a; 有一个薪水表salaries简况如下&#xff1a; 获取每个部门中当前员工薪水最高的相关信息&#xff0c;给出dept_no, emp_no以及其对应的salary&#xff0c;按照部门编号dept_no升序排列&#xff0c;以上例子输出如下: 2、题目…...

编程日记 2024/5/12 12:09:30

2024年最新趋势跨境电商平台开发需了解的新技术

随着数字化技术的不断演进和全球市场的日益融合&#xff0c;跨境电商平台开发将面临前所未有的挑战和机遇。为了更好地适应并引领这一发展&#xff0c;开发者需要密切关注2024年最新的技术趋势&#xff0c;以确保他们的平台能够在竞争激烈的市场中脱颖而出。本文将对跨境电商平…...

编程日记 2024/5/12 12:05:25

Mac 查看jdk版本

$ /usr/libexec/java_home -VMatching Java Virtual Machines (1): 1.8.0_232 (x86_64) “AdoptOpenJDK” - “AdoptOpenJDK 8” /Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home /Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home...

编程日记 2024/5/12 12:03:23

C++面向对象学习笔记五

本文主要讲解运算符重载&#xff0c;由于白鳯大佬没有具体讲解&#xff0c;所以本文自行补充了运算符重载的相关知识 目录 文章目录 前言 运算符重载 加号运算符重载 左移运算符重载 递增运算符重载 总结 前言 本文主要对于运算符重载进行探讨&#xff0c;分别对于成员函数重…...

编程日记 2024/5/12 12:00:18

7-Zip 的使用技巧

7-Zip 是一款功能强大的压缩软件&#xff0c;它提供了多种使用技巧来帮助用户更高效地管理文件。以下是一些7-Zip的使用技巧&#xff1a; 1. 压缩文件&#xff1a;用户可以通过7-Zip将文件或文件夹压缩成.7z或其他支持的格式&#xff0c;以节省空间。 2. 解压文件&#xff1a…...

编程日记 2024/5/12 11:58:16

德国储能项目锂电池储能集装箱突发火灾：安全挑战再引关注

2024年4月27日&#xff0c;德国尼尔莫尔商业区的一起锂电池储能集装箱火灾事件引起了全球关注。这起事故不仅导致两名消防员在救援过程中受伤&#xff0c;更暴露了储能系统在安全领域亟待解决的重要问题。 根据德国消防队的出警记录&#xff0c;火灾发生在晚上9点前不久。消防人…...

编程日记 2024/5/12 11:57:14

FFmpeg常用API与示例（二）—— 解封装与转封装

封装层 封装格式(container format)可以看作是编码流(音频流、视频流等)数据的一层外壳&#xff0c;将编码后的数据存储于此封装格式的文件之内。 封装又称容器&#xff0c;容器的称法更为形象&#xff0c;所谓容器&#xff0c;就是存放内容的器具&#xff0c;饮料是内容&…...

编程日记 2024/5/12 11:56:12

笨方法自学python（一）

我觉得python和c语言有很多相似之处&#xff0c;如果有c语言基础的话学习python也不是很难。这一系列主要是学习例题来学习python&#xff1b;我用的python版本是3.12 代码编辑器我用的是notepad&#xff0c;运行py程序用cmd 现在开始写第一个程序&#xff1a; print ("…...

编程日记 2024/5/12 11:55:11

centos7.9升级4.19内核

centos默认的内核版本是3.10 通过命令 uname -a 输出系统的详细信息 在部署k8s集群时使用默认的3.10版本的内核&#xff0c;容易出各种奇奇怪怪的问题、可以理解为docker和k8s与该内核版本不兼容&#xff0c;所以在部署k8s集群时&#xff0c;务必要升级内核&#xff0c;这里…...

编程日记 2024/5/12 11:53:09

神经网络模型与前向传播函数

1.概念 在神经网络中&#xff0c;模型和前向传播函数是紧密相关的概念。模型定义了网络的结构&#xff0c;而前向传播函数描述了数据通过网络的流动方式。以下是这两个概念的详细解释&#xff1a; 1.1 神经网络模型 神经网络模型是指构成神经网络的层、权重、偏置和连接的集…...

编程日记 2024/5/12 11:51:07

跟我学C++中级篇——内联补遗

一、内联引出的问题 在将一个内联变量定义到编译单元时&#xff0c;然后再按正常的方式使用时&#xff0c;编译会报一个错误“odr-used”。ODR&#xff0c;One Definition Rule&#xff0c;单一定义规则。在C/C程序中&#xff0c;变量的定义只能有一处&#xff0c;至于ODR的规…...

编程日记 2024/5/12 11:50:04

SLAM 面试题

持续完善 SLAM的基本概念和组成部分 描述一下什么是SLAM以及它的基本任务。 SLAM系统主要由哪些部分组成&#xff1f;SLAM的类型和算法 请解释滤波器SLAM&#xff08;如粒子滤波&#xff09;和图优化SLAM&#xff08;如Google的Cartographer&#xff09;之间的区别。 你如何区…...

编程日记 2024/5/12 11:49:03

csapp proxy lab part 1

host, hub, 路由器&#xff0c;和 交换机 当手机连接到局域网中时&#xff0c;它需要找到网络中的交换机&#xff08;Switch&#xff09;。这通常是通过 DHCP&#xff08;动态主机配置协议&#xff09;完成的。DHCP服务器负责向手机分配IP地址、子网掩码、网关地址等网络配置信…...

编程日记 2024/5/12 11:48:02

TCP三次握手四次挥手 UDP

TCP是面向链接的协议&#xff0c;而UDP是无连接的协议 TCP的三次握手 三次传输过程是纯粹的不涉及数据&#xff0c;三次握手的几个数据包中不包含数据内容。它的应用层&#xff0c;数据部分是空的&#xff0c;只是TCP实现会话建立&#xff0c;点到点的连接 TCP的四次挥手 第四…...

编程日记 2024/5/12 11:46:00

哈希表（unordered_set、unordered_map）

文章目录 一、unordered_set、unordered_map的介绍二、哈希表的建立方法2.1闭散列2.2开散列&#xff08;哈希桶/拉链法&#xff09; 三、闭散列代码&#xff08;除留余数法&#xff09;四、开散列代码&#xff08;拉链法/哈希桶&#xff09; 一、unordered_set、unordered_map的…...

编程日记 2024/5/12 11:44:58

如何高效配置Sunshine游戏串流服务器：5个专业级调优技巧与实战解决方案

如何高效配置Sunshine游戏串流服务器&#xff1a;5个专业级调优技巧与实战解决方案 【免费下载链接】Sunshine Self-hosted game stream host for Moonlight. 项目地址: https://gitcode.com/GitHub_Trending/su/Sunshine Sunshine是一款功能强大的自托管开源游戏串流服…...

编程新知 2026/5/21 9:13:47

CTF 实战必备 Hashcat 密码破解工具 零基础全套教程

HashCat密码破解工具介绍 hashcat号称世界上最快的密码破解&#xff0c;世界上第一个和唯一的基于GPU的规则引擎&#xff0c;免费多GPU&#xff08;高达128个GPU&#xff09;&#xff0c;多哈希&#xff0c;多操作系统&#xff08;Linux和Windows本地二进制文件&#xff09;&a…...

编程新知 2026/5/21 9:05:20

保姆级教程：用Ucinet和Data数据园搞定CNKI文献关键词共现分析（附数据清洗技巧）

学术研究者的文献计量分析实战指南&#xff1a;从CNKI数据到知识图谱可视化 在当今信息爆炸的时代&#xff0c;学术研究者面临的最大挑战之一是如何从海量文献中快速识别研究热点和知识结构。文献计量分析作为一种量化研究方法&#xff0c;能够帮助学者们系统性地梳理领域发展脉…...

编程新知 2026/5/21 8:14:03

VSCode+GCC+OpenOCD：打造你的STM32专属OpenHarmony 3.1开发流水线

VSCodeGCCOpenOCD&#xff1a;构建STM32 OpenHarmony开发的高效流水线 在嵌入式开发领域&#xff0c;效率往往取决于工具链的整合程度。当OpenHarmony遇上STM32&#xff0c;如何摆脱传统IDE的束缚&#xff0c;打造一套现代化、可定制的开发环境&#xff1f;本文将带你从零搭建基…...

编程新知 2026/5/21 8:05:38

独家披露：Perplexity未公开的政治新闻过滤白名单（含6国政府通报接口绕过逻辑与合规使用边界）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Perplexity政治新闻查询的底层机制与合规边界 Perplexity 在处理政治新闻类查询时&#xff0c;并非直接抓取或缓存原始新闻页面&#xff0c;而是依托其混合检索架构——融合实时网络搜索&#xff08;通过 Bing…...

编程新知 2026/5/21 7:46:05

基于Fog Project的系统无人值守部署(一)Fog Project安装

安装部署 官网下载安装包进行安装 https://fogproject.org/download.php 安装 以下安装基于Debian 13系统进行部署。 rootdebian:~# ls FOGProject-fogproject-1.5.10.1673-0-g8af159d.tar.gz rootdebian:~# tar -xzvf FOGProject-fogproject-1.5.10.1673-0-g8af159d.tar.…...

编程新知 2026/5/21 6:58:16

用STM32F103和LORA模块，从零搭建一个轮询式本地传感网（附避坑点）

基于STM32F103与LoRa的工业级轮询传感网实战指南 在工业物联网和智能农业领域&#xff0c;稳定可靠的无线传感网络是数据采集的基石。当我们手头有几个STM32F103开发板和LoRa模块时&#xff0c;如何构建一个抗干扰性强、响应及时的轮询式传感网络&#xff1f;本文将深入解析从硬…...

编程新知 2026/5/21 6:13:17

uni-app视频播放二选一：手把手对比调试video.js与MuiPlayer插件（H5/m3u8实战）

uni-app视频播放方案深度对比&#xff1a;video.js与MuiPlayer在H5/m3u8场景下的实战抉择 当uni-app开发者面临H5端m3u8视频播放需求时&#xff0c;技术选型往往成为项目推进的第一道门槛。video.js与MuiPlayer作为两大主流解决方案&#xff0c;各自拥有独特的生态优势与适配特…...

编程新知 2026/5/21 6:13:06

告别HAL库延时：在STM32F103上基于CubeMX和LL库，打造更高效的SysTick延时方案

STM32F103高效延时方案&#xff1a;从HAL库到LL库的SysTick实战优化 在嵌入式开发中&#xff0c;精确的延时控制往往是项目成败的关键因素之一。许多STM32开发者最初接触的是HAL库提供的HAL_Delay()函数&#xff0c;它简单易用&#xff0c;但随着项目复杂度提升&#xff0c;特别…...

编程新知 2026/5/21 4:26:36

linux PATH介绍

这句命令的作用是&#xff1a;把君正 X2600 的交叉编译器目录&#xff0c;临时加入 Linux 的命令搜索路径里。 你这句&#xff1a; export PATH/home/vik/project/x2600/tools/toolchains/mips-xburst2-gcc720-glibc238/bin:$PATH可以拆开理解。1. PATH 是啥&#xff1f; PATH …...

编程新知 2026/5/21 4:11:28