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

HTML5--网页前端编程（上）

news 2026/5/26 21:38:18

HTML5–网页前端编程（上）

1.网页

（1）网站是根据一定的规则，使用html制作的相关的网页的集合。
网页是网站上的一页，通常是html格式的文件，他要通过浏览器来阅读。网页是网站的基本元素，由图片链接声音文字等元素造成，以.html或.htm后缀结尾的文件称为html文件。
（2）html是指超文本标记语言，不是编程语言，是一种标记语言，超越了文本限制，超级文本链接。
（3）网页形成:前端人员开发代码，浏览器显示代码，生成最后的web页面。

2.常用浏览器

（1）浏览器是网页显示运行的平台 谷歌用的多。
（2）浏览器内核也叫渲染引擎，负责读取网页内容，整理信息并且显示界面。

3.Web标准

（1）为什么需要web标准？——不同的浏览器排版不同
（2）构成
结构：对网页元素整理分类，现阶段是html（最重要）
表现：设置网页元素的版式颜色大小等外观形式，主要指css
行为：网页模型的定义及交互的编写，主要是javascript
最佳体验方案是这三者相互分离

4.html标签

（1）双标签

所有标签都包含在<>中，且大多数是成对出现的，比如

<html>
</html>

第一个叫开始标签，第二个叫结束标签。

（2）单标签

自己单独存在出现，如

<br />

（3）标签关系

双标签可以分为两类包含关系和并列关系

<head>
<title></title></head>上面的是包含关系，也叫父子关系下面的是并列关系，类似兄弟关系<head></head><body></body>

5.html基本结构标签

每个网页都有一个基本结构标签，也叫做骨架标签，页面内容也是在基本标签上书写的，html页面也叫html文档

<html>
<head>
<title>我的第一个网页</title></head><body>你是</body></html>

<html>Html标签：页面中最大的标签，称为根标签
<head>文档的头部ÿ

相关文章：

HTML5--网页前端编程（上）

HTML5–网页前端编程（上） 1.网页 （1）网站是根据一定的规则，使用html制作的相关的网页的集合。 网页是网站上的一页，通常是html格式的文件，他要通过浏览器来阅读。网页是网站的基本元素，由图片链接声音文字等元素造成，以.html或.htm后缀结尾的文件称为html文件。 （2…...

编程日记 2025/2/11 13:29:21

气体控制器联动风机，检测到环境出现异常时自动打开风机进行排风；

一、功能&#xff1a;检测到环境出现异常时自动打开风机进行排风&#xff1b; 二、设备&#xff1a; 1.气体控制器主机&#xff1a;温湿度&#xff0c;TVOC等探头的主机&#xff0c;可上报数据&#xff0c;探头监测到异常时&#xff0c;主机会监测到异常可联动风机或声光报警…...

编程日记 2025/2/11 13:28:20

示波器使用指南

耦合方式 在示波器中&#xff0c;耦合方式决定了信号源与示波器输入之间的信号传输方式。具体来说&#xff0c;直流耦合、交流耦合和接地耦合这三种方式有不同的工作原理和应用场景&#xff0c;下面是它们的差异&#xff1a; 1. 直流耦合&#xff08;DC Coupling&#xff09;…...

编程日记 2025/2/11 13:27:15

Post-trained猜想

强化 -- 输出Action 真实的避障 ActionCond 输入Action 生成视频 原来只是仿真 没有和整个的机器人系统结合 gym生成视频 不需要后处理 obersation...

编程日记 2025/2/11 13:26:12

javaEE-10.CSS入门

目录 一.什么是CSS ​编辑二.语法规则: 三.使用方式 1.行内样式: 2.内部样式: 3.外部样式: 空格规范 : 四.CSS选择器类型 1.标签选择器 2.类选择器 3.ID选择器 4.通配符选择器 5.复合选择器 五.常用的CSS样式 1.color:设置字体颜色 2.font-size:设置字体大小 3…...

编程日记 2025/2/11 13:20:03

eclipse配置Spring

1、从eclipse下载Spring工具 进入 help – install new software… &#xff0c;如下图&#xff1a; 点击 add &#xff0c;按以下方式输入&#xff1a; Name : Spring Location : http://dist.springsource.com/release/TOOLS/update/e4.10/ 之后点击 add &#xff0c;等待…...

编程日记 2025/2/11 13:16:58

爬虫技巧汇总

一、UA大列表 USER_AGENT_LIST 是一个包含多个用户代理字符串的列表&#xff0c;用于模拟不同浏览器和设备的请求。以下是一些常见的用户代理字符串&#xff1a; USER_AGENT_LIST [Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; Hot Lingo 2.0),Mozilla…...

编程日记 2025/2/11 13:07:47

基于UVM搭验证环境

基于UVM搭验证环境基本思路&#xff1a; 首先&#xff0c;我们搭建环境时一般都有一个目标的DUT。此时&#xff0c;我们可以结合所要验证的的模块、是否需要VIP、验证侧重点等在典型的UVM验证环境的基础上做适当调整后形成一个大体的环境架构。比如&#xff0c;需要一个ahb_vip…...

编程日记 2025/2/11 13:06:45

【JavaWeb10】服务器渲染技术 --- JSP

文章目录 &#x1f30d;一. JSP❄️1.JSP介绍❄️2.JSP 运行原理❄️3.page 指令(常用的)❄️ 4.JSP 三种常用脚本1.声明脚本2.表达式脚本3.代码脚本 ❄️5.JSP 内置对象❄️6.JSP 域对象 &#x1f30d;二. EL❄️1.EL 表达式介绍❄️2.EL 运算操作❄️3.EL 的 11 个隐含对象 &…...

编程日记 2025/2/11 13:04:42

【Hadoop】大数据权限管理工具Ranger2.1.0编译

目录 ​编辑一、下载 ranger源码并编译 二、报错信息 报错1 报错2 报错3 报错4 一、下载 ranger源码并编译 ranger官网 https://ranger.apache.org/download.html 由于Ranger不提供二进制安装包&#xff0c;故需要maven编译。安装其它依赖&#xff1a; yum install gcc …...

编程日记 2025/2/11 12:59:35

微软AI研究团队推出LLaVA-Rad：轻量级开源基础模型，助力先进临床放射学报告生成

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…...

编程日记 2025/2/11 12:54:30

06排序 + 查找（D2_查找（D1_基础学习））

目录 温故而知新 -------------------------------- 讲解一&#xff1a;基础理论 一、什么是查找 二、为什么需要查找 -------------------------------- 讲解二&#xff1a;代码学习 一、顺序查找 1. 算法原理 2. 算法步骤 3. Java代码实现 4. 适用场景 5. 知识小…...

编程日记 2025/2/11 12:51:22

网站快速收录的秘诀：关键词布局与优化

本文转自&#xff1a;百万收录网 原文链接&#xff1a;https://www.baiwanshoulu.com/107.html 网站快速收录的秘诀中&#xff0c;关键词布局与优化是至关重要的环节。以下是一些关于关键词布局与优化的建议&#xff0c;旨在帮助网站快速被搜索引擎收录并提高排名&#xff1a;…...

编程日记 2025/2/11 12:50:16

AI大语言模型

一、AIGC和生成式AI的概念 1-1、AIGC Al Generated Content&#xff1a;AI生成内容 1-2、生成式AI&#xff1a;generative ai AIGC是生成式 AI 技术在内容创作领域的具体应用成果。 目前有许多知名的生成式 AI&#xff1a; 文本生成领域 OpenAI GPT 系列百度文心一言阿里通…...

编程日记 2025/2/11 12:49:15

03-DevOps-安装并初始化Gitlab

Gitlab可以理解为是自己搭建的GitHub&#xff0c;也就是自己的代码仓库。 开启macvlan 在192.168.1.10服务器上&#xff0c;构建Macvlan网络&#xff0c;这种网络模式可以为每个容器独立分配ip。 docker network create -d macvlan \--subnet192.168.1.0/24 \--ip-range192.16…...

编程日记 2025/2/11 12:48:13

Mac重复文件，一键查找并清理的工具

​不知果粉们&#xff0c;你们有没有过这样的经历&#xff1a;在翻找重要文件时&#xff0c;突然发现一大堆“孪生兄弟”——Mac重复文件&#xff1f;别担心&#xff0c;你不是一个人&#xff01;今天&#xff0c;我们就来聊聊“Mac重复文件”&#xff0c;以及如何用几招轻松搞…...

编程日记 2025/2/11 12:45:09

Unity Mesh 切割算法详解

Mesh切割是游戏开发中实现物体断裂、破坏效果的核心技术。本教程将深入解析实时Mesh切割的数学原理&#xff0c;并提供完整的Unity实现方案。 一、切割原理分析 1.1 几何基础 切割平面方程&#xff1a;Ax By Cz D 0 顶点分类&#xff1a;每个顶点到平面的距离决定其位置…...

编程日记 2025/2/11 12:44:06

ASUS/华硕天选1 FA506I 原厂Win10 专业版系统 工厂文件 带ASUS Recovery恢复 教程

华硕工厂文件恢复系统 &#xff0c;安装结束后带隐藏分区&#xff0c;带一键恢复&#xff0c;以及机器所有的驱动和软件。 支持型号&#xff1a;FA506IV FA506II FA506IU FA506IH 系统版本&#xff1a;Windows 10 专业版 文件: ycoemxt.cn/1205.html 文件格式&#xff1a;工…...

编程日记 2025/2/11 12:41:02

【计算机中级职称 信息安全工程师 备考】密码学知识，经典题目

2022年信息安全工程师下午题 题目 密码学技术也可以用于实现隐私保护,利用加密技术阻止非法用户对隐私数据的未授权访问和滥用。若某员工的用户名为“admin”&#xff0c;计划用RSA 对用户名进行加密&#xff0c;假设选取的两个素数 p47&#xff0c;q71&#xff0c;公钥加密指…...

编程日记 2025/2/11 12:40:01

期权帮｜初识股指期货：股指期货的交割结算价是怎么来的？

锦鲤三三每日分享期权知识&#xff0c;帮助期权新手及时有效地掌握即市趋势与新资讯&#xff01; 初识股指期货&#xff1a;股指期货的交割结算价是怎么来的&#xff1f; 股指期货的交割结算价是通过特定时间段内现货指数的算术平均价来确定的。 这一价格作为现金交割的基准…...

编程日记 2025/2/11 12:37:59

多自由度冗余空间机械臂位姿一体化规划与控制【附代码】

✨ 长期致力于空间机械臂、对偶四元数、位姿一体化、路径规划、跟踪控制研究工作&#xff0c;擅长数据搜集与处理、建模仿真、程序编写、仿真设计。 ✅ 专业定制毕设、代码 ✅ 如需沟通交流&#xff0c;点击《获取方式》 &#xff08;1&#xff09;基于对偶四元数的冗余机械臂运…...

编程新知 2026/5/26 4:32:22

蓝牙抓包不求人：从HCI日志里‘挖’出Link Key的两种实用方法（附安卓路径）

蓝牙安全逆向实战&#xff1a;从HCI日志中提取Link Key的深度解析在蓝牙协议安全研究领域&#xff0c;Link Key作为设备配对认证的核心凭证&#xff0c;其获取方式一直是逆向工程师关注的焦点。许多安全审计场景下&#xff0c;我们往往只能获得加密后的HCI通信日志&#xff0c;…...

编程新知 2026/5/26 3:17:59

苏州创新药20年，站上全球产业洗牌暴风眼

一个城市的创新药产业集群如何从无到有&#xff0c;又如何在全球化临界点寻找自己的位置。文&#xff5c;徐鑫编&#xff5c;任晓渔过去一年多&#xff0c;苏州是全球创新药产业版图中一个绕不过去的城市。大额海外授权交易频繁传出&#xff0c;在中国高端制造走出去的背景下&a…...

编程新知 2026/5/26 1:57:14

ARM PMU性能监控单元原理与实践指南

1. ARM PMU性能监控单元概述性能监控单元&#xff08;PMU&#xff09;是现代ARM处理器中用于硬件级性能分析的核心组件。它通过一组可编程的硬件计数器&#xff0c;实现对处理器内部各种关键事件的精确测量。这些事件涵盖了从指令执行、缓存访问到内存子系统行为等处理器活动的…...

编程新知 2026/5/26 1:11:02

别再死记硬背了！用5个生活化比喻彻底搞懂Linux进程的fork、exec和wait

别再死记硬背了&#xff01;用5个生活化比喻彻底搞懂Linux进程的fork、exec和wait想象你正在厨房准备一顿大餐。菜谱上写着"切菜"、"炒菜"、"装盘"等步骤&#xff0c;但突然发现需要同时处理多道菜品——这时候&#xff0c;你会本能地让家人分工…...

编程新知 2026/5/26 0:03:57

巧用对称性与平均值原理：低成本实现高精度电阻分压器校准

1. 项目概述&#xff1a;用数学思维突破测量设备的精度极限在电子实验室里捣鼓精密电路&#xff0c;尤其是涉及到电压基准、信号调理或者高精度ADC前端时&#xff0c;一个绕不开的坎就是精密分压器。你可能在设计一个需要0.1%甚至更高精度的分压网络&#xff0c;但手头的万用表…...

编程新知 2026/5/25 23:27:14

JWT弱密钥爆破实战：从HS256签名原理到CTF权限提升

1. 这不是密码学考试&#xff0c;而是一场“密钥猜谜”实战JWT&#xff08;JSON Web Token&#xff09;在现代Web系统中早已不是可选项&#xff0c;而是默认配置。登录成功后返回一串形如eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoxMjMsIm5hbWUiOiLnlKjliYkiLCJpYX…...

编程新知 2026/5/25 20:28:07

第5章 薪资重构——AI时代的程序员价值重估

第5章 薪资重构——AI时代的程序员价值重估 核心问题：AI时代，程序员的薪资会发生怎样的变化？哪些人在涨薪？哪些人在降薪？ 5.1 问题定义：薪资分化的真相是什么？ 5.1.1 一个令人震惊的数据 2026年第一季度，一个对比让整个技术圈哗然： 同一家公司内部： - 一个AI方向…...

编程新知 2026/5/26 18:39:27

如何快速配置虚拟显示器：面向初学者的完整指南

如何快速配置虚拟显示器&#xff1a;面向初学者的完整指南 【免费下载链接】parsec-vdd ✨ Perfect virtual display for game streaming 项目地址: https://gitcode.com/gh_mirrors/pa/parsec-vdd 你是否在为游戏串流画质不佳而烦恼&#xff1f;或者需要为无显示器主机…...

编程新知 2026/5/25 14:52:23

Charles弱网测试六维参数实战：从丢包率到DNS延迟的精准复现

1. 为什么弱网测试不能只靠“模拟3G”按钮点一下就完事做移动端或Web前端的同学&#xff0c;大概率都听过这句话&#xff1a;“上线前跑一遍Charles&#xff0c;切个2G网络测下加载。”——听起来很专业&#xff0c;实际一查日志&#xff0c;发现90%的团队连Charles的Throttlin…...

编程新知 2026/5/25 14:47:30