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

网页制作01-html,css,javascript初认识のhtml的基本标记

news 来源：原创 2025/9/21 7:45:02

一、 Html简介

英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准.

Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容.

1.html 的基本标记

1）头部标记head

2）元信息标记meta

3）主体标记body

4）

<!doctype html>
<html>
<head><!--文档头部信息,一般包括标题,基础信息和源信息等,一般不会在网页上直接显示-->
<title>AMA_TOR网页制作</title>
<meta><!--一般用来定义页面信息的说明/关键字/刷新等,不需要设置结束标记--><!--meta的属性有name http-equiv--><!--name属性主要描述网页,供搜索引擎查找，分类-->
<meta name="Keywords" content="网页制作，html,css,javascript">
<meta name="Description" content="页面说明:这是实例制作">
<meta name="generator" content="dreamweaver"><!--设置编辑工具-->
<meta name="author" content="Ama_tor"><!--http-equiv主要设置语言的编码方式,和语言-->
<meta http-equiv="Content-Type" content="text/html" charset="gb2312"/><!--简体中文为gb2312，英文是ISO-8859-1-->
<meta http-equiv="Refresh" content="10,URL=I:\03HTML\Untitled-1.html"><!--这里是网页跳转,20秒之后跳转到index1的网页-->
</head><body>
<body topmargin="100" leftmargin="100"><!--设置页边距-->
<center><body link="#081DEC" alink="#FFFFFF" vlink="#B90003"><a href="#">链接的文字</a></body><!--链接前后点击时的颜色设置-->
</center><br/><body bgcolor="FF99FF"></body><!--背景设置为紫色-->
<!--<body background="微信图片_20250215223402.jpg"><!--背景图片设置--></body><body text="9966CC"></body>这是第1段<br/><br/><strong>这是第2段<br/></strong><br/>这是第3段<br/>
</body>
</html>

演示效果如下：

2. Css简介

Cascading style sheet,层叠样式表,是一种制作网页的新技术,现在已经为大多数浏览器所支持成为网页设计必不可少的工具之一.使用css能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.

/*注释内容*/

/* 注释内容 */ 
示例 
/* ----------这是文字样式设置---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size:12px; 
} 
/* 黑色16象素文字 */ 
.dreamdublack16px 
{ 
color:black; 
font-size:16px; 
} 
/* ----------文字样式结束---------- */

3. Java script简介

是一种解释型的,基于对象的脚本语言

Html只能制作出静态的网页,无法独立的完成与客户端动态交互的网页设计,因此引入JavaScript脚本语言,使网页产生动态效果,

//注释内容 (javascript中插入单行注释)

//document.write("www.baidu.com")

/*注释内容*/ （javascript中插入多行注释)

/* 
var baidu = "www.baidu.com"; 
var baidu = "duniang"; 
*/

网页制作01-html,css,javascript初认识のhtml的基本标记

一、 Html简介英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准. Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容. 1.html 的基本标记 1）头部标…...

编程日记 2025/9/21 7:45:02

WebSocket在分布式环境中的局限性及解决方案

WebSocket 在分布式环境中存在一些局限性，特别是当系统需要扩展多个服务实例时，单个 WebSocket 连接的管理和消息推送就变得比较复杂。因此，必须采取一些额外的措施来确保 WebSocket 能在多个服务实例之间正确工作。 WebSocket 在分布式环境…...

编程日记 2025/9/21 7:44:46

Windows日志分析

查看服务日志文件 windows下我们可以通过时间查看器来查看windows系统下服务，应用，系统等产生的事件以及日志 1.打开方式是： winr 输入eventvwr.msc 2.控制面板--系统与安全--事件查看器事件类型分为5种错误：标识问题很严重…...

编程日记 2025/9/16 7:38:33

青少年编程与数学 02-009 Django 5 Web 编程 20课题、测试

青少年编程与数学 02-009 Django 5 Web 编程 20课题、测试一、软件测试二、自动化测试三、单元测试四、Django 单元测试（一）、创建测试用例（二）、运行测试（三）、常用测试功能课题摘要: 本文全面介绍了软件…...

编程日记 2025/9/12 20:38:04

WPF 中为 Grid 设置背景图片全解析

WPF 中为 Grid 设置背景图片全解析在 WPF（Windows Presentation Foundation）开发中，界面的美观度是吸引用户的重要因素之一。而添加背景图片是提升界面视觉效果的常见手段。今天，我们就来深入探讨在 WPF 里如何为 Grid 设置背景…...

编程日记 2025/9/20 3:17:56

3.10 实战Hugging Face Transformers：从文本分类到模型部署全流程

实战Hugging Face Transformers：从文本分类到模型部署全流程一、文本分类实战：IMDB电影评论情感分析 1.1 数据准备与预处理 from datasets import load_dataset from transformers import AutoTokenizer # 加载IMDB数据集 dataset = load_dataset("imdb") …...

编程日记 2025/9/12 20:38:00

Android中获取so文件来源于哪个库

Android app中可能有很多的.so文件，有时我们不确定这些.so文件都是来源于哪些库的，可以通过在build.gradle中添加代码来统计。具体方法如下： 1.在com.android.application模块的build.gradle文件最后添加如下代码： // 获取所有的…...

编程日记 2025/9/19 10:55:05

地面沉降监测，为地质安全保驾护航

地面沉降，不容忽视的城市隐患随着城市化进程的加速，大规模的工程建设、地下水过度开采等因素，导致地面沉降现象日益严重。地面沉降不仅会使建筑物开裂、倾斜，影响其使用寿命和安全性，还会破坏地下管线，引…...

编程日记 2025/9/12 20:37:55

1、拉取镜像 sudo docker pull iatebes/oracle_11g #iatebes为用户名2、查看镜像 sudo docker images3、创建并运行容器 docker run -d --privileged --name oralce11g -p 1521:1521 iatebes/oracle_11g4、登录到容器 5、进入容器并修改system用户密码 docker exec -it orac…...

编程日记 2025/9/12 20:37:52

unity学习39：连续动作之间的切换，用按键控制角色的移动

目录 1 不同状态之间的切换模式 1.1 在1个连续状态和一个连续状态之间的transition，使用trigger 1.2 在2个连续状态之间的转换，使用bool值切换转换 2 至少现在有2种角色的移动控制方式 2.1 用CharacterController 控制角色的移动 2.2 用animator…...

编程日记 2025/9/21 1:54:18

DeepSeek等大模型功能集成到WPS中的详细步骤

记录下将**DeepSeek功能集成到WPS中**的步骤，以备忘。 1. 下载并安装OfficeAI插件访问OfficeAI插件下载地址：https://www.office-ai.cn/，下载插件（目前只支持windows系统）。注意，有两个插件&#xff0…...

编程日记 2025/9/12 20:37:48

基于Python的Flask微博话题舆情分析可视化系统

✅️配套lun文 1w9字 ✅️爬虫可用 12月数据 ✅️实时微博热点分析技术栈:爬虫➕Flask后端框架➕bert深度学习模型➕mysql数据库系统功能：爬取微博数据（可以是同类型文章或者制定文章），微博文章情感分析，微博评论情感…...

编程日记 2025/9/17 12:22:48

服务器A到服务器B免密登录

#!/bin/bash # 变量定义 source_host"192.168.42.250" # 源主机 IP target_host"192.168.24.43" # 目标主机 IP target_user"nvidia" # 目标主机的用户名 ssh_port"6666" # SSH 端口号 # 生成 SSH…...

编程日记 2025/9/12 20:37:43

Unity中可靠的UDP实现

可靠 UDP（Reliable UDP）是一种在用户数据报协议（UDP）基础上，通过添加额外机制来实现可靠数据传输的技术。与传统 UDP 相比，它克服了 UDP 本身不保证数据可靠性、顺序性以及可能丢失数据的缺点，同…...

编程日记 2025/9/12 20:37:40

轮播图html

题十二：轮播图要求： 1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示； 2.图片切换之后，图片中下方的小圆…...

编程日记 2025/9/20 1:53:50

二十多年前的苹果电源Power Mac G4 Mdd 电源接口

在1999年，苹果推出了最初的Power Mac G4电脑。第一代Power Mac G4有与G3系列相似的外壳和两种主板设置，分别使用PCI和AGP显示总线。第二代电脑被昵称为快银或水银机，来自2001年的它们有更高速的PowerPC 7450系列芯片，增强了L2缓存…...

编程日记 2025/9/15 20:39:12

java听书项目

项目的架构网关：1路由转发 2.认证鉴权（token）3.统一处理（跨域） Mysql：关系型数据库 ES：搜索数据库 Redis：页面级缓存，会话状态存储 GitLab：私有托管平台 K8S:自动化部署、扩展和管理容器化应用程序的开源系统 Jenkins:自动化部署 1.环境搭建创建一个父工程…...

编程日记 2025/9/18 21:00:43

RadASM环境，win32汇编入门教程之三

;运行效果 ;win32汇编环境，RadAsm入门教程之三 ;在这个教程里，我们学一下如何增加控件，比如按钮，其它的控件类似这样增加 ;以下的代码就是在教程一的窗口模版里增加一个按钮控件，可以比较一下，增加了什么内…...

编程日记 2025/9/12 20:37:32

【机器学习】线性回归多元线性回归

【机器学习系列】 KNN算法 KNN算法原理简介及要点特征归一化的重要性及方式线性回归算法线性回归与一元线性回归线性回归模型的损失函数多元线性回归多项式线性回归多元线性回归 V1.0多元线性回归一元线性回归与多元线性回归多元线性回归模型的误差衡量多元线性回归的最…...

编程日记 2025/9/14 22:37:25

线性代数中的正交和标准正交向量

在线性代数中，理解正交向量和正交向量至关重要，尤其是对于机器学习中的应用。这篇博文将简化这些概念，而不会太深入地深入研究复杂的数学。正交向量如果两个向量的点积等于零，则认为这两个向量是正交的。但点积到底是什么呢&am…...

编程日记 2025/9/20 8:53:58

Vue 项目登录的基本流程

Vue 用户登录的基本流程包括以下6个步骤： 步骤： 1. 创建登录表单在前端，首先要创建一个登录表单，用户输入账号（用户名、邮箱、手机号等）和密码。示例：Login.vue <template><div…...

编程日记 2025/9/20 8:07:40

坐井说天阔---DeepSeek-R1

前言 DeepSeek-R1这么火，虽然网上很多介绍和解读，但听人家的总不如自己去看看原论文。于是花了大概一周的时间，下班后有进入了研究生的状态---读论文。 DeepSeek这次的目标是探索在没有任何监督数据的情况下训练具有推理能力的大模型&#…...

编程日记 2025/9/19 1:51:43

Spring 是如何解决循环依赖问题的？

Spring框架通过使用三级缓存机制来解决单例Bean之间的循环依赖问题。以下是详细的解释，包括循环依赖的概念、Spring的解决方案以及三级缓存的具体作用。什么是循环依赖？ 循环依赖是指两个或多个Bean之间相互依赖，形成一个闭环。例如&#…...

编程日记 2025/9/15 13:51:37

【数据可视化-17】基于pyecharts的印度犯罪数据可视化分析

🧑 博主简介：曾任某智慧城市类企业算法总监，目前在美国市场的物流公司从事高级算法工程师一职，深耕人工智能领域，精通python数据挖掘、可视化、机器学习等，发表过AI相关的专利并多次在AI类比赛中获奖。CSDN…...

编程日记 2025/9/15 7:21:50

thingboard告警信息格式美化

原始报警json内容： { "severity": "CRITICAL","acknowledged": false,"cleared": false,"assigneeId": null,"startTs": 1739801102349,"endTs": 1739801102349,"ackTs": 0,&quo…...

编程日记 2025/9/18 15:15:29

Javaweb中，使用Servlet编写简单的接口

案例：网页提交用户名和密码信息，后端校验密码长度需在6-12位之间后端部分 WebServlet("/valid") public class SimpleServlet extends HttpServlet{public void service(HttpServletRequest req, HttpServletResponse resp) throws IOExcepti…...

编程日记 2025/9/20 23:19:16

三层渗透测试-DMZ区域二三层设备区域

DMZ区域渗透信息收集首先先进行信息收集，这里我们可以选择多种的信息收集方式，例如nmap如此之类的，我的建议是，可以通过自己现有的手里小工具，例如无影，密探这种工具，进行一个信息收集。以免…...

编程日记 2025/9/12 20:37:14

Java 开发者需要了解的 PDF 基础知识

PDF 代表“可移植文档格式”（Portable Document Format），它是全球最流行的文件格式。因此，Java 开发人员很可能会经常需要处理它。然而，与 Microsoft Word 或 HTML/XML 这样的格式相比，PDF 并不那么直观。理…...

编程日记 2025/9/18 18:24:20

基于图像处理的裂缝检测与特征提取

一、引言裂缝检测是基础设施监测中至关重要的一项任务，尤其是在土木工程和建筑工程领域。随着自动化技术的发展，传统的人工巡检方法逐渐被基于图像分析的自动化检测系统所取代。通过计算机视觉和图像处理技术，能够高效、精确地提取裂缝的几何特征，如长度、宽度、方向、面…...

编程日记 2025/9/20 8:02:40

Webpack 基础入门

一、Webpack 是什么 Webpack 是一款现代 JavaScript 应用程序的静态模块打包工具。在 Web 开发中，我们的项目会包含各种类型的文件，如 JavaScript、CSS、图片等。Webpack 可以将这些文件打包成一个或多个文件，以便在浏览器中高效加载。它就像…...

编程日记 2025/9/12 20:37:07

掌握SQLite_轻量级数据库的全面指南

1. 引言 1.1 SQLite简介 SQLite 是一个嵌入式关系型数据库管理系统，它不需要单独的服务器进程或系统配置。它的设计目标是简单、高效、可靠，适用于各种应用场景，尤其是移动设备和嵌入式系统。 1.2 为什么选择SQLite 轻量级：文件大小通常在几百KB到几MB之间。无服务器架构…...

编程日记 2025/9/19 11:36:52

大数据处理如何入门

大数据处理的入门可以从以下几个方面入手： 1. 基础知识学习在深入大数据领域之前，建议先掌握一些基础知识，包括数据类型、存储与处理的基本概念，以及常用的数据处理工具。例如，Python或Java编程语言在大数据领域应用…...

编程日记 2025/9/20 2:27:56

算法与数据结构（最小栈）

题目思路为了返回栈中的最小元素，我们需要额外维护一个辅助栈 min_stack，它的作用是记录当前栈中的最小值。 min_stack的作用： min_stack的栈顶元素始终是当前栈 st 中的最小值。每当st中压入一个新元素时，如果这个元素小于等…...

编程日记 2025/9/20 20:19:00

LeetCode 1287.有序数组中出现次数超过25%的元素：遍历

【LetMeFly】1287.有序数组中出现次数超过25%的元素：遍历力扣题目链接：https://leetcode.cn/problems/element-appearing-more-than-25-in-sorted-array/ 给你一个非递减的有序整数数组，已知这个数组中恰好有一个整数，它的出…...

编程日记 2025/9/20 7:43:39

春招项目=图床+ k8s 控制台（唬人专用）

1. 春招伊始马上要春招了，一个大气的项目（冲击波项目）直观重要，虽然大家都说基础很重要，但是一个足够新颖的项目完全可以把你的简历添加一个足够闪亮的点。这就不得不推荐下我的 k8s 图床了，去年折腾快…...

编程日记 2025/9/16 9:44:03

Vue 记录用户进入页面的时间、离开页面的时间并计算时长

在 Vue 项目中，要记录用户进入页面的时间、离开页面的时间，并在用户离开时计算时长并调用后端接口，可以借助 Vue 的生命周期钩子和浏览器的一些事件来实现。以下是具体的实现步骤和示例代码： 实现思路记录进入时间：…...

编程日记 2025/9/21 4:37:28

解锁豆瓣高清海报(三)从深度爬虫到URL构造，实现极速下载

脚本地址: 项目地址: Gazer PosterBandit_v2.py 前瞻之前的 PosterBandit.py 是按照深度爬虫的思路一步步进入海报界面来爬取, 是个值得学习的思路, 但缺点是它爬取慢, 仍然容易碰到豆瓣的 418 错误, 本文也会指出彻底解决旧版 418 错误的方法并提高爬取速度. 现在我将介绍…...

编程日记 2025/9/17 16:12:30

机器学习--逻辑回归

机器学习–逻辑回归一、认知革命：从线性回归到逻辑回归 1.1 本质差异对比维度线性回归逻辑回归输出类型连续值概率值 (0-1)目标函数最小二乘法极大似然估计数学表达式 y w T x b yw^Txb ywTxb p 1 1 e − ( w T x b ) p\frac{1}{1e^{-(w^Txb)}} p1e−(wTxb…...

编程日记 2025/9/20 2:32:30

gradio创建openai前端对接deepseek等模型流式输出markdown格式文本

环境 gradio3.50.2 openai1.63.1代码 import openai import gradio as gr#导入gradio的包api_key "sk-**a8" api_base "https://api.deepseek.com/v1"import gradio as gr import openai from typing import List, Any, Iteratorclient openai.OpenAI…...

编程日记 2025/9/20 11:10:17

【LeetCode Hot100】最大子数组和｜动态规划/贪心，Java实现！图解+代码，小白也能秒懂！

💻 [LeetCode Hot100] 最大子数组和｜动态规划/贪心，Java实现！图解代码，小白也能秒懂！ ✏️本文对应题目链接：最大子数组和 📌 题目描述给定一个整数数组 nums，找到一个…...

编程日记 2025/9/19 22:44:35

【Go语言快速上手】第二部分：Go语言进阶之网络编程

文章目录前言：网络编程一、TCP/UDP 编程：net 包的使用1. TCP 编程1.1 TCP 服务器1.2 TCP 客户端 2. UDP 编程2.1 UDP 服务器2.2 UDP 客户端二、HTTP 编程：net/http 包的使用，编写 HTTP 服务器和客户端2.1 HTTP 服务器2.2 HTTP 客…...

编程日记 2025/9/16 3:26:04

AI法理学与责任归属：技术演进下的法律重构与伦理挑战

文章目录引言：智能时代的新型法律困境一、AI技术特性对传统法理的冲击1.1 算法黑箱与可解释性悖论1.2 动态学习系统的责任漂移1.3 多智能体协作的责任稀释二、AI法理学的核心争议点2.1 法律主体资格认定2.2 因果关系的技术解构2.3 过错标准的重新定义三、责任归属的实践案例分…...

编程日记 2025/9/21 2:04:10

Linux探秘坊-------8.进程详解

1.概念详解 1.运行&&阻塞&&挂起内容基础：方框中的就是调度队列，是一个双向队列，每一个元素是PCB其对应的代码数据 1.运行只要进程在调度队列中，进程的状态就是运行（running）. 2.阻塞…...

编程日记 2025/9/18 21:24:11

C#使用文件读写操作实现仙剑五前传称号存档修改

手把手教学仙剑五前传称号存档修改器首先找到 Pal5Q所在目录的save\global.sav 文件,这是一个只有488字节的文件,这里存放称号对应的编号ID,以及是否已获得该称号,1为已获取称号,0为未获取称号 [称号:是否获取]这是一个键值对称号的编号ID是一个Int32数字,使用C#的方法Bi…...

编程日记 2025/9/18 19:06:01

Kubernetes知识点总结（十）

什么是 K8s 的 namespace？ 在 K8s 中，Namespace（名字空间）提供了一种机制，将同一集群中的资源划分为相互隔离的组， 是在多个用户之间划分集群资源的一种方法。名字空间作用域仅针对带有名字空间的对…...

编程日记 2025/9/18 5:23:03

【达梦数据库】disql工具参数绑定

前言在达梦数据库的使用过程中尽管管理工具很好用，但是命令行工具还是有着得天独厚的优势，但是在参数绑定方面就没有管理工具做的更加完美，现在就汇总下disql 工具参数绑定的常用几种方式 disql 参数绑定使用 ? select * from v$dm_in…...

编程日记 2025/9/14 21:46:46

箭头函数的this指向谁

先看1个重要原则： 由Vue管理的函数，一定不要写箭头函数，箭头函数的this就不再是Vue实例了箭头函数的 this 指向在定义时确定，继承自外层作用域（即定义时的上下文）的 this，且无法通过 call、app…...

编程日记 2025/9/17 22:05:17

Node.js技术原理分析系列——Node.js调试能力分析

本文由体验技术团队屈金雄原创。 Node.js 是一个开源的、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8引擎构建的，专为高性能、高并发的网络应用而设计，广泛应用于构建服务器端应…...

编程日记 2025/9/16 4:33:09

网络基础【UDP、TCP】

1.UDP 首先我们学习UDP和TCP协议要从这三个问题入手 1.报头和有效载荷如何分离、有效载荷如何交付给上一层的协议？2.认识报头3.学习该协议周边的问题 UDP报头 UDP我们先从示意图来讲解，认识报头。 UDP协议首部有16位源端口号，16位目的端…...

编程日记 2025/9/12 20:36:27

python旅游推荐系统+爬虫+可视化（协同过滤算法）

✅️基于用户的协同过滤算法 ✅️有后台管理 ✅️2w多数据集这个旅游数据分析推荐系统采用了Python语言、Django框架、MySQL数据库、requests库进行网络爬虫开发、机器学习中的协同过滤算法、ECharts数据可视化技术，以实现从网站抓取旅游数据、个性化推荐和直观展…...

编程日记 2025/9/12 20:36:25