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

html的网页制作代码分享

news 文章来源：https://blog.csdn.net/yuanbenshidiaos/article/details/139629565 2024/12/28 1:17:10 
<!--  prj_8_2.html  -->
<!DOCTYPE html>
<html  lang  ="EN"><head><meta   charset="utf-8" /><title>页面布局设计</title><style type ="text/css">*{padding: 0px;margin:0px;}#header{background: url('prj_8_2_logo.png') #4B5B6B   no-repeat  top  left;width:100%;height:60px;}#nav{width:100%;height:80px;}ul{list-style-type: none;width:100%;height:80px;background:#D0C0B0;text-align:center;}li{font-size:20px;padding:20px 10px;display: inline-block;width: 160px;height: 40px;}a:active,a:link,a:visited{text-decoration: none;}a:hover{background: #CCFF99;height: 80px;width:160px;padding:20px 10px;}#main{width:100%;height:500px;background: #FEFEFE}#article{width:75%;height: 500px;background: #DBDACA;float: left;}.section{width: 320px;height:440px;float:left;border:1px  dashed   #006600;text-align: middle;margin: 20px;}img{width: 300px;height: 400px;margin: 10px;}#aside{width:20%;height: 500px;background: #9F9F9A;float: right;text-align: center;vertical-align: middle;}#footer{clear: both;width:100%;height:80px;background: #EAEADA;padding:20px auto;text-align: center;}#footer p{font-size: 20px;padding-top: 25px;height:25px;}</style></head><body><header  id="header"></header><nav id="nav"><ul><li><a herf="#">首页</a></li><li><a herf="#">HTML5  </a></li><li><a herf="#">CSS3</a></li><li><a herf="#">JavaScript</a></li><li><a herf="#">DOM</a></li><li><a herf="#">BOM</a></li></ul></nav><div  id="main"><article id="article"><section   calss="section"><img  src="img/prj_8_2_html5_logo.png"></section><section class="section"><img  src="img/prj_8_2_css3_logo.png"></section><section class="section"><img  src="img/prj_8_2_javascript_logo.png"/></section></article><aside  id="aside"><figure><img  src="img/prj_8_2_html5.png"><figcaption>HTML5结构元素侧边aside</figcaption></figure></aside></div><footer id="footer"><p>Copyright &copy;2017-2020 Web  前端开发工作室-  业务开发-网站建设</p></footer></body>
</html>

相关文章：

html的网页制作代码分享

<!-- prj_8_2.html --> <!DOCTYPE html> <html lang "EN"><head><meta charset"utf-8" /><title>页面布局设计</title><style type "text/css">*{padding: 0px;margin:0px;}#header{back…...

编程日记 2024/6/13 8:35:55

【PIXEL】2024年 Pixel 解除 4G限制

首先在谷歌商店下载 Shizuku 和 pixel IMS 两个app 然后打开shizuku &#xff0c;按照它的方法启动 推荐用adb 启动&#xff08; 电脑连手机 &#xff0c;使用Qtscrcpy最简洁&#xff09; 一条指令解决 shell sh /storage/emulated/0/Android/data/moe.shizuku.privileged.ap…...

编程日记 2024/6/13 8:32:51

C#、C++、Java、Python 选择哪个好？

选择哪种编程语言取决于你的需求和偏好&#xff0c;以及你打算做什么类型的项目。我这里有一套编程入门教程&#xff0c;不仅包含了详细的视频 讲解&#xff0c;项目实战。如果你渴望学习编程&#xff0c;不妨点个关注&#xff0c;给个评论222&#xff0c;私信22&#xff0c;我…...

编程日记 2024/6/13 8:30:49

爬虫补环境，ES6 Class在环境模拟中的应用与优势

相比于使用传统的Object实现补环境框架结构&#xff0c;使用 ES6 的 Class 具有以下优势&#xff1a; 代码维护更方便&#xff1a;Class的语法更简洁直观&#xff0c;方便开发者阅读和维护。组织结构更清晰&#xff1a;Class提供了明确的层次结构&#xff0c;有助于代码的模块…...

编程日记 2024/6/13 8:26:45

linuxcentos将本地库JAR/arr批量导入到Nexus3.x

背景 我们现在要搞一个私服maven来管理对应的依赖包&#xff0c;需要上传包。用nexus只能单个文件搞&#xff0c;批量导入不行&#xff0c;而且还要单独配置groupID什么的。不多BB,上教程 建脚本 vi mavenimport.sh内容是这个 #!/bin/bash # copy and run this script to t…...

编程日记 2024/6/13 8:23:42

js之操作元素属性和定时器以及相关案例倒计时

这里写目录标题 一级目录二级目录三级目录 Web APIs01四、操作元素属性1.操作元素常用属性2.操作元素样式属性通过style属性操作css1.修改样式通过style属性引出2.如果属性有-连接符&#xff0c;需要转换为小驼峰命名法3.赋值的时候&#xff0c;需要的时候不要忘记加css单位 通…...

编程日记 2024/6/13 8:22:41

高考计算机专业 热门专业方向

人工智能&#xff08;AI&#xff09;&#xff1a;随着技术进步&#xff0c;人工智能成为计算机技术的新方向&#xff0c;涵盖自动驾驶、智能机器人、语音识别等应用。该领域对人才的需求持续增长&#xff0c;是计算机专业的一个热门方向。数据科学与大数据分析&#xff1a;随大…...

编程日记 2024/6/13 8:20:40

《web应用技术》第十一次作业

1、验证过滤器进行权限验证的原理。 代码展示&#xff1a; Slf4j WebFilter(urlPatterns "/*") public class LoginCheckFilter implements Filter { Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) thro…...

编程日记 2024/6/13 8:19:39

Scala学习笔记11: 操作符

目录 第十一章 操作符1- 标识符2- 中置操作符3- 一元操作符4- 赋值操作符5- 操作符的优先级6- 结合性7- apply和update方法8- 提取器end 第十一章 操作符 在Scala中, 操作符是用来执行特定操作的符号或符号组合 ; Scala允许开发人员自定义操作符, 这些操作符可以是字母、数字…...

编程日记 2024/6/13 8:18:37

项目五串行通信系统 任务5-3温度信息上传

任务描述&#xff1a;DS18B20测量温度&#xff0c;单片机采集温度数据转换显示代码&#xff0c;并通过串行口发送到上位机显示。 底层文件&#xff1a; /********************************************* ds18b20底层函数:能完成一次温度数据读取 ***************************…...

编程日记 2024/6/13 8:17:36

前端 JS 经典：统一 Vite 中图片转换逻辑

在 Vue Vite 项目中有这样一段代码如下&#xff0c;引入了两个图片&#xff0c;一大一小。然后 console 出来引入结果。 import bigImg from "./assets/big.png"; import smallImg from "./assets/small.png";console.log(bigImg); console.log(smallImg…...

编程日记 2024/6/13 8:15:33

DOM-获取元素

获取元素的方法&#xff1a; 方法一&#xff1a;根据id获取元素document.getElementById <div id"time">2024-6-4</div> 在script标签中&#xff1a;注意getElementById括号里面必须要有引号&#xff0c;获得的是对象类型 var timer document.getEle…...

编程日记 2024/6/13 8:14:32

【安装笔记-20240612-Linux-内网穿透服务之cpolar极点云】

安装笔记-系列文章目录 安装笔记-20240612-Linux-内网穿透服务之 cpolar 极点云 文章目录 安装笔记-系列文章目录安装笔记-20240612-Linux-内网穿透服务之 cpolar 极点云 前言一、软件介绍名称&#xff1a;cpolar极点云主页官方介绍 二、安装步骤测试版本&#xff1a;openwrt-…...

编程日记 2024/6/13 8:13:31

Java 泛型与集合的深入解析：原理、应用与实践

泛型的基本原理 为什么需要泛型 在Java 5之前&#xff0c;Java的集合类只能存储Object类型的对象。这意味着&#xff0c;存储在集合中的对象在取出时需要进行类型转换&#xff0c;这不仅繁琐&#xff0c;而且容易出错。泛型通过在编译时进行类型检查&#xff0c;确保类型安全…...

编程日记 2024/6/13 8:06:23

Oracle 数据库的自动化工具：AWR 和 ASM

Oracle 数据库提供了一系列工具和技术&#xff0c;以提高数据库管理的效率和性能。其中&#xff0c;AWR和 ASM是两个关键组件。本文将详细介绍 AWR 和 ASM 的功能及其在数据库管理中的重要性。 AWR AWR 是 Oracle 数据库的一个核心部分&#xff0c;用于收集、处理和维护数据库…...

编程日记 2024/6/13 8:05:22

java技术专家面试指南50问【java学习+面试宝典】（五）

Dubbo需要 Web 容器吗&#xff1f; 不需要&#xff0c;如果硬要用 Web 容器&#xff0c;只会增加复杂性&#xff0c;也浪费资源。 一个字符串类型的值能存储最大容量是多少&#xff1f; 512M 什么是Kubectl&#xff1f; Kubectl是一个平台&#xff0c;您可以使用该平台将命…...

编程日记 2024/6/13 8:04:20

Elasticsearch之深入聚合查询

1、正排索引 1.1 正排索引&#xff08;doc values &#xff09;和倒排索引 概念&#xff1a;从广义来说&#xff0c;doc values 本质上是一个序列化的 列式存储 。列式存储 适用于聚合、排序、脚本等操作&#xff0c;所有的数字、地理坐标、日期、IP 和不分词&#xff08; no…...

编程日记 2024/6/13 8:03:19

大模型：分本分割模型

目录 一、文本分割 二、BERT文本分割模型 三、部署模型 3.1 下载模型 3.2 安装依赖 3.3 部署模型 3.4 运行服务 四、测试模型 一、文本分割 文本分割是自然语言处理中的一项基础任务&#xff0c;目标是将连续的文本切分成有意义的片段&#xff0c;这些片段可以是句子、…...

编程日记 2024/6/13 8:02:18

数据预处理 #数据挖掘 #python

数据分析中的预处理步骤是数据分析流程中的重要环节&#xff0c;它的目的是清洗、转换和整理原始数据&#xff0c;以便后续的分析能够准确、有效。预处理通常包括以下几个关键步骤&#xff1a; 数据收集&#xff1a;确定数据来源&#xff0c;可能是数据库、文件、API或网络抓取…...

编程日记 2024/6/13 8:01:17

VS2022 使用C++访问 mariadb 数据库

首先，下载 MariaDB Connector/C++ 库 MariaDB Products & Tools Downloads | MariaDB 第二步，安装后 第三步，写代码 #include <iostream> #include <cstring> #include <memory> #include <windows.h>#include <mariadb/conncpp.hpp>…...

编程日记 2024/6/13 7:58:13

kotlin 语法糖

Use of “when” Expression Instead of “switch” fun getDayOfWeek(day: Int): String {return when (day) {1 -> "Monday"2 -> "Tuesday"3 -> "Wednesday"4 -> "Thursday"5 -> "Friday"6 -> "Sa…...

编程日记 2024/6/13 7:57:12

.NET MAUI Sqlite数据库操作（一）

一、安装 NuGet 包 安装 sqlite-net-pcl 安装 SQLitePCLRawEx.bundle_green 二、配置数据库&#xff08;数据库文件名和路径&#xff09; namespace TodoSQLite; public static class Constants {public const string DatabaseFilename "TodoSQLite.db3";//数据库…...

编程日记 2024/6/13 7:56:10

SQL 窗口函数

1.窗口函数之排序函数 RANK, DENSE_RANK, ROW_NUMBER RANK函数 计算排序时,如果存在相同位次的记录,则会跳过之后的位次 有 3 条记录排在第 1 位时: 1 位、1 位、1 位、4 位…DENSE_RANK函数 同样是计算排序,即使存在相同位次的记录,也不会跳过之后的位次 有 3 条记录排在…...

编程日记 2024/6/13 7:55:09

staruml怎么合并多个Project工程文件

如图现在有两个staruml文件 现在我想要把project2合并到project1里面 步骤如下&#xff1a; 1、首先打开project2 2、如图选择导出Fragment 3、选中自己想导出的模块&#xff08;可以不止一个&#xff09; 4、将其保存在桌面 5、打开project1 6、选择导入 7、选中刚刚…...

编程日记 2024/6/13 7:54:08

设计模式——外观模式

外观模式(Facade) 为系统中的一组接口提供一个一致的界面&#xff0c;此模式定义了一个高层接口&#xff0c;这个接口使得这一子系统更加容易使用。 #include <iostream>using namespace std;// 四个系统子类 class SubSystemOne { public:void MethodOne(){cout <&l…...

编程日记 2024/6/13 7:52:06

开源-Docker部署Cook菜谱工具

开源-Docker部署Cook菜谱工具 文章目录 开源-Docker部署Cook菜谱工具介绍资源列表基础环境一、安装Docker二、配置加速器三、查看Docker版本四、拉取cook镜像五、部署cook菜谱工具5.1、创建cook容器5.2、查看容器运行状态5.3、查看cook容器日志 六、访问cook菜谱服务6.1、访问c…...

编程日记 2024/6/13 7:51:05

使用PHP对接企业微信审批接口的问题与解决办法(二)

在现代企业中&#xff0c;审批流程是非常重要的一环&#xff0c;它涉及到企业内部各种业务流程的规范和高效运转。而随着企业微信的流行&#xff0c;许多企业希望将审批流程整合到企业微信中&#xff0c;以实现更便捷的审批操作。本文将介绍如何使用PHP对接企业微信审批接口&am…...

编程日记 2024/6/13 7:50:04

RK3288 android7.1 实现ota升级时清除用户数据

一&#xff0c;OTA简介(整包&#xff0c;差分包) OTA全称为Over-The-Air technology(空中下载技术)&#xff0c;通过移动通信的接口实现对软件进行远程管理。 1. 用途&#xff1a; OTA两种类型最大的区别莫过于他们的”出发点“&#xff08;我们对两种不同升级包的创建&…...

编程日记 2024/6/13 7:48:02

okHttp的https请求忽略ssl证书认证

使用okhttp请求第三方https接口返回异常 sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target意思就是非安全的调用&#…...

编程日记 2024/6/13 7:44:59

在Java中使用Spring Boot设置全局的BusinessException

在线工具站 推荐一个程序员在线工具站&#xff1a;程序员常用工具&#xff08;http://cxytools.com&#xff09;&#xff0c;有时间戳、JSON格式化、文本对比、HASH生成、UUID生成等常用工具&#xff0c;效率加倍嘎嘎好用。 程序员资料站 推荐一个程序员编程资料站&#xff1a;…...

编程日记 2024/6/13 7:43:57

自助建设视频网站/网络推广员是什么工作

电大计算机网考题库电大计算机网考题库表格&#xff0c;设置单元格对齐方式为中部居中。③单击“李甲”平均成绩单元格&#xff0c;单击“表格”→“公式”&#xff0c;在弹出的“公式”对话框的“公式”框中输入AVERAGE(LEFT)&#xff0c;保留两位小数&#xff0c;单击“确定”…...

编程日记 2024/12/27 23:32:45

做外贸站推广/百度sem

浅谈跨站请求伪造(CSRF) 这里简单的记录一下CSRF漏洞~~ 什么是CSRF? CSRF&#xff08;Cross-Site Request Forgery&#xff0c;跨站点伪造请求&#xff09;是一种网络攻击方式&#xff0c;该攻击可以在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击站点&#xff0…...

编程日记 2024/12/27 21:39:48

wordpress分词/google浏览器入口

2. Vxlan多点通信逻辑拓扑 手动实现多点vxlan隧道建立 n个节点就需要建立n个隧道 2.1 实现步骤 2.1.1 创建vxlan设备 ip link add vxlan1 type vxlan id 100 dstport 4789 remote 10.33.30.151 local 10.33.30.150 dev ens160 ip link add vxlan2 type vxlan id 200 dstport…...

编程日记 2024/12/27 20:57:18

宁波专业做网站的公司有哪些/职业技能培训网

什么是索引&#xff1f;1、索引索引是表的目录&#xff0c;在查找内容之前可以先在目录中查找索引位置&#xff0c;以此快速定位查询数据。对于索引&#xff0c;会保存在额外的文件中。2、索引&#xff0c;是数据库中专门用于帮助用户快速查询数据的一种数据结构。类似于字典中…...

编程日记 2024/12/27 20:36:59

事业单位门户网站建设评价/各网站收录

定义了一个mock&#xff1a; MOCK_CONST_METHOD4(scan,int(const int64_t timeout, const ObServer & server, const ObSqlScanParam & scan_param, ObMsSqlRpcEvent & result)); 下面一种mock方法是正确的&#xff0c;先注册mock&#xff0c;然后再调用&#xff…...

编程日记 2024/12/27 19:28:05

学做网站应该看那些书/防控措施持续优化

50以内勾股数有哪些2020-03-22 09:10:09文/颜雨勾股数&#xff0c;又名毕氏三元数。勾股数就是可以构成一个直角三角形三边的一组正整数。接下来给大家分享50以内勾股数。50以内的勾股数3 4 55 12 136 8 109 12 1510 24 2512 16 2015 20 2518 24 3021 28 3524 32 4027 36 4530 …...

编程日记 2024/12/27 7:27:24