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

网站开发基础:HTML、CSS

前端开发主要使用的技术如 HTML、CSS 和 JavaScript 等。

简单制作一个网页

 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"><div class="c1"><ol><li>我是第一行</li><li>我是第二行</li></ol></div><div class="c1" style="float: right"><ul><li>我是第一行</li><li>我是第二行</li></ul></div></div></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>柒小毓网站的首页</title><style>.c1{border: solid 1px green;width: 49%;height: 250px;float: left}</style>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><div style="border: solid 1px red;width: 100%;height: 300px"><div class="c1"><ol><li>我是第一行</li><li>我是第二行</li><li>http://www.baidu.com</li><li>liujingwei@cueb.edu.cn</li><li>liu.jingwei@cueb.vip</li><li>liu-jingwei@teacher.cueb-2019.vip</li><li>liujingwei@cueb...vip</li></ol></div><div class="c1" style="float: right"><ul><li>我是第一行</li><li>我是第二行</li><li>http://www.baidu.com</li><li>liujingwei@cueb.edu.cn</li><li>liu.jingwei@cueb.vip</li><li>liu-jingwei@teacher.cueb-2019.vip</li><li>liujingwei@cueb...vip</li></ul></div></div></body>
</html>

相关文章:

网站开发基础:HTML、CSS

前端开发主要使用的技术如 HTML、CSS 和 JavaScript 等。 简单制作一个网页 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>柒毓同学网站的首页</title><style>.c1{border: solid 1px g…...

IP协议讲解

IP协议 IP协议的本质&#xff1a;提供一种能力&#xff0c;将数据跨网络从A主机传输到B主机 4位版本号(version): 指定IP协议的版本, 对于IPv4来说, 就是4. 4位头部长度(header length): IP头部的长度是多少个32bit, 也就是 length * 4 的字节数. 4bit表示最大 的数字是15, 因…...

SpringMVC4-SpringMVC获取请求参数

目录 通过ServletAPI获取&#xff08;不常用&#xff09; 通过控制器方法的形参获取请求参数 RequestParam RequestHeader CookieValue 通过POJO获取请求参数 解决获取请求参数的乱码问题 test_param.html&#xff1a; <!DOCTYPE html> <html lang"en&qu…...

【C++】C++基础

目录 一. C关键字(C98) 二、C的第一个程序 三、命名空间 3.1.namespace的价值 3.2.namespace的定义 3.2.命名空间使用 总结&#xff1a;在项目当中第一、第二种方法搭配使用&#xff0c;第三种冲突风险非常大&#xff0c;仅适合练习使用。 四、C输入&输出 五、缺省…...

自动化运维工具 Ansible

Ansible 基础 Ansible 介绍 Ansible 是一个自动化运维工具&#xff0c;基于Python开发&#xff0c;集合了众多运维工具&#xff08;puppet、cfengine、chef、 func、fabric&#xff09;的优点&#xff0c;实现了批量系统配置、批量程序部署、批量运行命令等功能。 Ansible 的…...

深度学习:GAN图像生成

GAN的诞生背景 诞生&#xff1a; 2014年由Ian Goodfellow提出 创新性&#xff1a; 无监督学习&#xff1a;GAN 提供了一种新的方法来进行无监督学习&#xff0c;即不需要对训练数据进行标注就可以学习到数据的潜在分布。对抗训练&#xff1a;通过引入对抗机制&#xff0c;G…...

django基于python的房价分析可视化系统的设计与开发 h1y0i

目录 项目介绍技术栈具体实现截图Scrapy爬虫框架关键技术和使用的工具环境等的说明解决的思路开发流程爬虫核心代码展示系统设计论文书写大纲详细视频演示源码获取 项目介绍 大数据分析是现下比较热门的词汇&#xff0c;通过分析之后可以得到更多深入且有价值的信息。现实的科…...

Labview helper

IMAQ Advanced Setup Learn Geometric Pattern 2 VI 参数说明Curve Extraction Mode (0)指定VI如何识别图像中的曲线。如果您希望VI不对图像中对象的均匀性或图像背景做出任何假设&#xff0c;请将此选项设置为正常。如果您希望VI假定图像中的对象或图像背景由均匀的像素值组成…...

《安富莱嵌入式周报》第343期:雷电USB4开源示波器正式发布,卓越的模拟前端低噪便携示波器,自带100W电源的便携智能烙铁,NASA航空航天锂电池设计

周报汇总地址&#xff1a;嵌入式周报 - uCOS & uCGUI & emWin & embOS & TouchGFX & ThreadX - 硬汉嵌入式论坛 - Powered by Discuz! 更新一期视频教程 【授人以渔】CMSIS-RTOS V2封装层专题视频&#xff0c;一期视频将常用配置和用法梳理清楚&#xff0…...

如何用JavaScript编写一个简单的计数器

在网页开发中&#xff0c;计数器是一种常见的功能&#xff0c;它可以帮助我们记录点击次数、显示时间等。下面我将介绍如何在HTML页面中使用JavaScript实现一个基本的计数器。如图&#xff1a; 1、 创建HTML结构 首先&#xff0c;我们需要创建一个基础的HTML结构来容纳我们的计…...

uniapp中实现评分组件,多用于购买商品后,对商品进行评价等场景

前言 uni-rate是uniapp框架中提供的一个评分组件。它可以用于用户评价、打分等场景。uni-rate组件可以根据设定的星星总数&#xff0c;展示用户评分的效果&#xff0c;用户可以通过点击星星或滑动星星的方式进行评分。同时&#xff0c;uni-rate组件也支持自定义星星图标、星星…...

算法笔记(三)——前缀和算法

算法笔记&#xff08;三&#xff09;——前缀和算法 文章目录 算法笔记&#xff08;三&#xff09;——前缀和算法一维前缀和二维前缀和寻找数组的中心下标除自身以外数组的乘积和为 K 的子数组和可被 K 整除的子数组连续数组矩阵区域和 前缀和算法是一种用空间换时间的算法&am…...

Nginx技术深度解析与实战应用

Nginx技术深度解析与实战应用 Nginx是一款轻量级、高性能的Web服务器、反向代理服务器及电子邮件&#xff08;IMAP/POP3&#xff09;代理服务器&#xff0c;由俄罗斯的程序设计师Igor Sysoev开发。Nginx以其内存占用少、启动迅速、高并发能力强等特性&#xff0c;在互联网项目…...

Maven Surefire Plugin

Maven Surefire Plugin 最新版本新特性详解 Maven Surefire Plugin 是用于运行单元测试和集成测试的重要工具&#xff0c;支持 JUnit、TestNG 等测试框架。插件的新版本引入了许多新特性和配置选项&#xff0c;这些功能提升了测试执行的性能、灵活性和并发能力。在本节中&…...

八、跳跃、闪避

一、人物跳跃功能 1、动画 设置一个bool值 条件设置为true 2、逻辑 实现跳跃&#xff0c;一定有IsGround&#xff1b;判断是否为地面&#xff0c;进行跳跃功能 写一个跳跃和一个条约结束方法 跳跃设置为false&#xff0c;结束设置为true 3、代码 public void Jump() {if…...

使用辅助分类器 GAN 进行条件图像合成

Conditional Image Synthesis with Auxiliary Classifier GANs Conditional Image Synthesis with Auxiliary Classifier GANs&#xff08;简称AC-GANs&#xff09;是一种用于改善生成对抗网络&#xff08;GANs&#xff09;进行图像合成的方法。在AC-GANs中&#xff0c;判别器…...

C#中的static关键字:静态成员与单例模式的实现

在C#中&#xff0c;static 关键字是一个非常重要的概念&#xff0c;它用于声明静态成员&#xff0c;这些成员属于类本身&#xff0c;而不是类的任何特定实例。使用 static 关键字可以定义静态类、静态字段、静态属性、静态方法等。此外&#xff0c;理解静态成员也对于实现如单例…...

【优选算法】(第八篇)

目录 串联所有单词的⼦串&#xff08;hard&#xff09; 题目解析 讲解算法原理 编写代码 最⼩覆盖⼦串&#xff08;hard&#xff09; 题目解析 讲解算法原理 编写代码 串联所有单词的⼦串&#xff08;hard&#xff09; 题目解析 1.题目链接&#xff1a;. - 力扣&#…...

告别PPT熬夜!Kimi+AIPPT一键生成PPT,效率upup!

Kimi AiPPT 一键生成PPT 还在为做PPT熬夜加班吗&#xff1f;还在为PPT排版抓狂吗&#xff1f;现在&#xff0c;有一个好消息要告诉所有“打工人”&#xff01;Kimi和AIPPT强强联手&#xff0c;推出了一键生成PPT功能&#xff0c;让你告别PPT制作的痛苦&#xff01; 以前做…...

大语言模型在构建UNSPSC 分类数据中的应用

UNSPSC 是联合国标准产品和服务代码。UNSPSC由联合国开发计划署&#xff08;UNDP&#xff09;和Dun & Bradstreet公司&#xff08;D & B&#xff09;于1998年联合制定&#xff0c;自2003年以来一直由GS1 US管理。GS1 US 将在 2024 年底前将 UNSPSC 的管理权移交给 UNDP…...

别再只跑Demo了!手把手教你用vLLM部署微调后的Qwen2.5-3B-Instruct模型,实现高效批量推理

从微调到生产&#xff1a;Qwen2.5-3B-Instruct模型的高效推理部署实战 当开发者完成LoRA微调后&#xff0c;往往会面临一个现实问题&#xff1a;如何将训练好的模型真正用起来&#xff1f;原生Transformers推理在吞吐量和延迟上的表现&#xff0c;很难满足生产环境的需求。本文…...

巨有科技:景区二消低迷?智慧旅游重构盈利模式

门票降价、客流增长但营收不涨&#xff0c;是当下多数景区面临的经营困境。过度依赖门票经济&#xff0c;二次消费&#xff08;二消&#xff09;占比低、业态单一&#xff0c;景区盈利空间不断被压缩。2026年文旅行业告别粗放增长&#xff0c;景区盈利重心向二次消费转移&#…...

RWKV7-1.5B-G1A跨平台部署实战:从Windows开发到Linux生产环境

RWKV7-1.5B-G1A跨平台部署实战&#xff1a;从Windows开发到Linux生产环境 1. 引言 最近在开发一个基于RWKV7-1.5B-G1A的智能写作助手&#xff0c;遇到了一个很实际的问题&#xff1a;在Windows笔记本上开发调试很方便&#xff0c;但真正要上线服务时&#xff0c;又需要在Linu…...

杰理之 使用触摸调试工具【篇】

...

Hunyuan-MT-7B快速入门:无需代码,用浏览器就能翻译33种语言

Hunyuan-MT-7B快速入门&#xff1a;无需代码&#xff0c;用浏览器就能翻译33种语言 1. 为什么选择Hunyuan-MT-7B翻译模型 在全球化协作日益紧密的今天&#xff0c;语言障碍仍然是许多企业和个人面临的现实挑战。传统翻译工具要么功能有限&#xff0c;要么需要复杂的编程接口&…...

RAPIDMP3嵌入式音频模块:UART控制的高保真MP3/WAV协处理器

1. RAPIDMP3 模块深度技术解析&#xff1a;面向嵌入式系统的高保真音频处理方案1.1 模块定位与工程价值RAPIDMP3&#xff08;即 RAPID_MP3_V1&#xff09;并非通用音频解码库&#xff0c;而是一款硬件级立体声 MP3 播放与 WAV 录音模块&#xff0c;其核心价值在于将复杂的音频编…...

2026丨最火话题:关于java最新的进阶代码学习方法!+实战避坑!

​ 2026年Java进阶代码学习方法与实战避坑指南 Java进阶学习的核心方向 2026年Java生态的核心技术聚焦于云原生、高并发、AI集成及性能优化。掌握GraalVM、Quarkus等新兴框架,深入理解虚拟线程(Project Loom)和向量化计算(Project Panama)是进阶的关键。 模块化开发(JPM…...

OpenClaw技能开发:为百川2-13B-4bits模型定制专属自动化模块

OpenClaw技能开发&#xff1a;为百川2-13B-4bits模型定制专属自动化模块 1. 为什么需要为特定模型定制技能&#xff1f; 去年我在尝试用OpenClaw自动化处理技术文档时&#xff0c;发现一个有趣的现象&#xff1a;同样的"整理会议录音并生成摘要"任务&#xff0c;使…...

让 Claude Code 帮你“看家“:Hooks 与 /loop 入门

让 Claude Code 帮你"看家"&#xff1a;Hooks 与 /loop 入门 上周我把一个重构任务扔给 Claude&#xff0c;出门开了两小时会。回来发现它把 .env.production 改了。 那一刻我才意识到&#xff0c;单纯会用 Claude Code 还不够&#xff0c;你还得学会怎么管住它。折…...

ESP32/ESP8266嵌入式NVS数据库C++封装库

1. 项目概述NVSDatabase 是一个面向 ESP-IDF 生态的 C 封装库&#xff0c;其核心目标是为 ESP32 和 ESP8266 平台提供类型安全、接口清晰、工程友好的非易失性存储&#xff08;Non-Volatile Storage, NVS&#xff09;访问能力。该库并非对底层 NVS API 的简单 C 风格包装&#…...