【前端】制作一个简单的网页（2）
| 单标签组成的元素 这类标签不需要内容产生效果，通常表示对网页的某种行为，它们不用标记任何内容，开始即是结束。 比如，<hr>标签的作用是在网页中添加一条分割线，它仅包含开始标签，是一个单标签元素。 |
|
有时我们还需要为元素添加更多的信息，解决诸如下面的问题：
这个元素的颜色是什么？
元素内容使用了哪一种语言？
元素展示了哪一张图片?
...
此时，我们可以在标签中添加属性。
属性
定义
HTML 属性（或简称为属性）能够为 HTML 标签提供一些额外信息。
隐喻
若把HTML标签比作商品的吊牌，属性就是吊牌上用来描述商品的附加信息。
| 属性可以为网页元素提供更多信息， 它总是以属性名/值对的形式出现。 右边展示了网页中常见的两个属性。 |
|
HTML 属性有很多，大致可以分为下面两种类型：
通用属性：适用于大部分或者所有 HTML 标签；
专用属性：只适用于一个或者几个特定的 HTML 标签。
我们会在后面的课程中陆续学习每个属性的用法与分类。
| 设置属性的位置 一个标签可以没有属性，也可以有一个或多个属性。 属性需要设置在开始标签后，并使用空格与标签名分开，格式为<标签名 属性1 属性2>。 |
|
| 属性的结构 通常情况下，HTML属性由属性名与属性值两个部分组成，结构为属性名="属性值"。 需要注意的是，属性值中的内容需要放在一对引号中。 |
|
一个基本的HTML文档。
右图展示了一个简易的网页，它会在屏幕中显示：
“第一个网页”。
| HTML 文档的最外层结构由两个元素确定： 第一个元素是：DOCTYPE； 第二个元素是：HTML。 | |
| <!DOCTYPE html> <!DOCTYPE html>是一个特殊的标签，总是放在HTML文档的第一行。 它的作用是让浏览器明白其处理的是HTML文档。 doc - document - 文件； type - 类型； | |
| <html> 紧跟着<!DOCTYPE html>的是HTML元素的开始标签。 html 是根元素，它告诉浏览器网页从<html>开始，到</html>结束。 也就是说，网页的所有内容都放在html元素中。 | |
| 有时你会发现<html>标签中设定了一个名为lang的属性，它用来告诉浏览器这是“网页使用的语言”。 比如，"en" 表示这个网页的主要语言是英文。 当浏览器识别到你常用的语言（比如中文）与lang中的语言不一致，会自动询问你是否需要翻译网页内容。 当浏览器识别到你常用的语言（比如中文）与lang中的语言不一致，会自动询问你是否需要翻译网页内容。 |  |
相关文章：
【前端】制作一个简单的网页（2）
单标签组成的元素 这类标签不需要内容产生效果，通常表示对网页的某种行为，它们不用标记任何内容，开始即是结束。 比如，<hr>标签的作用是在网页中添加一条分割线，它仅包含开始标签，是一个单标签元素。…...
OpenAI Canvas：提升编程与写作效率的全新工作界面
随着人工智能技术的飞速发展，大语言模型（LLM）不仅限于生成文本，还能逐步扩展至编程、设计等任务的支持。近期，OpenAI 推出了一个名为 Canvas 的全新功能，专门用于协助用户进行编程和写作。这一功能与 Claud…...
将SpringBoot的Maven项目打成jar包和war包
先需要明确的是，该项目打包的形态是可执行的jar包，还是在tomcat下运行的war包。 springboot自带的maven打包 1.创建一个springboot web项目 1.api控制层HelloWorld.java RestController RequestMapping("/hello") public class HelloWorld …...
【Iceberg分析】Spark与Iceberg集成之常用存储过程
文章目录 Spark与Iceberg集成之常用存储过程调用语法调用样例表快照管理快照回滚根据snapshotid进行回滚根据timestamp进行回滚 设置表当前生效的快照 表元数据管理设置快照过期时间清除孤岛文件重写数据文件运用参数示例optionsGeneral OptionsOptions for sort strategyOptio…...
[旧日谈]关于Qt的刷新事件频率，以及我们在Qt的框架上做实时的绘制操作时我们该关心什么。
[旧日谈]关于Qt的刷新事件频率，以及我们在Qt的框架上做实时的绘制操作时我们该关心什么。 最近在开发的时候，发现一个依赖事件来刷新渲染的控件会导致程序很容易异常和崩溃。 当程序在运行的时候，其实软件本身的负载并不高，所以…...
云上考场小程序+ssm论文源码调试讲解
2 关键技术简介 2.1 微信小程序 微信小程序，简称小程序，英文名Mini Program，是一种全新的连接用户与服务的方式，可以快速访问、快速传播，并具有良好的使用体验。 小程序的主要开发语言是JavaScript，它与…...
城域网——IP城域网、城域以太网、光城域网
一、城域网 1、城域网（Metropolitan Area Network，MAN）：一个城市范围内所建立的计算机通信网。 2、分布式队列双总线（Distributed Queue Dual Bus，DQDB）：即IEEE802.6，由…...
华为Eth-trunk链路聚合加入到E-trunk实现跨设备的链路聚合
一、适用场景（注：e-trunk与eth-trunk是2个不同的概念） 1、企业中有重要的server服务器业务不能中断的情况下，可将上行链路中的汇聚交换机，通过eth-trunk链路聚合技术，实现链路故障后，仍有可用的…...
【网络安全】JSONP劫持原理及攻击实战
未经许可，不得转载。 文章目录 JSONP简介JSONP工作原理JSONP劫持Callback可定义问题JSONP简介 JSONP（JavaScript Object Notation Padding）是一种用于绕过浏览器同源策略限制的技术，使得网页可以从不同域名的服务器请求数据。由于浏览器的同源策略限制，网页通常只能向与其…...
VR全景摄影的拍摄和编辑软件推荐
随着虚拟现实技术的不断进步，VR全景摄影逐渐成为商业、娱乐和教育等多个领域中的重要工具。通过专业的设备与软件，摄影师能够创作出沉浸式的360度全景作品，为观众提供身临其境的视觉体验。在这篇文章中，我们将介绍VR全景摄影的相关…...
linux：使用sar诊断问题
使用sar诊断问题 1. CPU 使用情况2. 内存与交换3. 磁盘 I/O 活动4. 网络 I/O 活动5. 进程与上下文切换6. 系统调用与文件活动7. 电源管理8. 延迟分析9. 系统全局统计10. 查看历史记录11. 特定时间段12. 自动定时采样其他参数：使用实例： sar（S…...
CUDA编程技巧（不断搜集更新）
1 使用位运算替换部分乘法或除法 位移操作主要适用于无符号整数，对于带符号数的位移，特别是负数，可能会导致问题，如果你需要对负数执行除法或者乘法，最好谨慎使用位移运算。 1.1 替换除法 当需要将一个数除以 2、4、…...
云计算（第二阶段）：mysql后的shell
第一章：变量 前言 什么是shell Shell 是一种提供用户与操作系统内核交互的工具，它接受用户输入的命令，解释后交给操作系统去执行。它不仅可以作为命令解释器，还可以通过脚本完成一系列自动化任务。 shell的特点 跨平台：…...
Debian12离线部署Mysql全网最详细教程
一、下载安装所需要的库 1、所需要的库 # 所需要的库有 libc6_2.36-9deb12u8_amd64.deb libgcc-s1_12.2.0-14_amd64.deb libstdc6_12.2.0-14_amd64.deb gcc-12-base_12.2.0-14_amd64.deb psmisc_23.6-1_amd64.deb libnuma1_2.0.18-1_amd64.deb libmecab2_0.996-14b14_amd64.d…...
文本生成视频技术：艺术与科学的交汇点
在人工智能技术的飞速发展下，文本生成视频（Text-to-Video）技术已经成为现实。这项技术能够根据文本描述生成相应的视频内容，极大地拓展了内容创作的边界。本文将从三个主要方面对文本生成视频技术进行深入探讨：技术能达…...
【Windows】【DevOps】Windows Server 2022 采用WinSW将一个控制台应用程序作为服务启动（方便）
下载WinSW 项目地址： GitHub - winsw/winsw: A wrapper executable that can run any executable as a Windows service, in a permissive license. 下载地址： https://github.com/winsw/winsw/releases/download/v2.12.0/WinSW-x64.exe 参考配置模…...
OpenAI董事会主席Bret Taylor的Agent公司Sierra：专注于赋能下一代企业用户体验
本文由readlecture.cn转录总结。ReadLecture专注于音、视频转录与总结，2小时视频，5分钟阅读，加速内容学习与传播。 视频来源 youtube: https://www.youtube.com/watch?vriWB5nPNZEM&t47s 大纲 介绍 欢迎与介绍 介绍Bret Taylor&#x…...
【linux】信号（下）
8. 阻塞信号 (一)信号其他相关常见概念 实际执行信号的处理动作称为信号递达(Delivery)信号从产生到递达之间的状态,称为信号未决(Pending)进程可以选择阻塞 (Block )某个信号被阻塞的信号产生时将保持在未决状态,直到进程解除对此信号的阻塞,才执行递达的动作(即被阻塞的信…...
Notepad++ 初学者指南
引言 对于初学者来说，选择合适的编程工具很重要，特别是考虑到易用性和计算机资源的需求。 虽然集成开发环境（IDE）如 Eclipse、IntelliJ IDEA 和 Visual Studio 提供了许多强大的功能，但对于刚开始学习编程的人来说&a…...
Web Socket 使用详解
在信息爆炸的时代，用户对网页的期待早已超越了静态内容的展示。实时聊天、股票报价、协同编辑等功能的实现，都离不开服务器与客户端之间持续、高效的数据交互。传统的HTTP请求-响应模型难以满足这种需求，而WebSocket的出现，为构建…...
在软件开发中正确使用MySQL日期时间类型的深度解析
在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...
JavaSec-RCE
简介 RCE(Remote Code Execution)，可以分为:命令注入(Command Injection)、代码注入(Code Injection) 代码注入 1.漏洞场景：Groovy代码注入 Groovy是一种基于JVM的动态语言，语法简洁，支持闭包、动态类型和Java互操作性，…...
深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录
ASP.NET Core 是一个跨平台的开源框架，用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录，以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...
k8s从入门到放弃之Ingress七层负载
k8s从入门到放弃之Ingress七层负载 在Kubernetes（简称K8s）中，Ingress是一个API对象，它允许你定义如何从集群外部访问集群内部的服务。Ingress可以提供负载均衡、SSL终结和基于名称的虚拟主机等功能。通过Ingress，你可…...
苍穹外卖--缓存菜品
1.问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得，如果用户端访问量比较大，数据库访问压力随之增大 2.实现思路 通过Redis来缓存菜品数据，减少数据库查询操作。 缓存逻辑分析： ①每个分类下的菜品保持一份缓存数据…...
Spring Boot面试题精选汇总
🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息 文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...
Module Federation 和 Native Federation 的比较
前言 Module Federation 是 Webpack 5 引入的微前端架构方案，允许不同独立构建的应用在运行时动态共享模块。 Native Federation 是 Angular 官方基于 Module Federation 理念实现的专为 Angular 优化的微前端方案。 概念解析 Module Federation (模块联邦) Modul…...
pikachu靶场通关笔记22-1 SQL注入05-1-insert注入(报错法)
目录 一、SQL注入 二、insert注入 三、报错型注入 四、updatexml函数 五、源码审计 六、insert渗透实战 1、渗透准备 2、获取数据库名database 3、获取表名table 4、获取列名column 5、获取字段 本系列为通过《pikachu靶场通关笔记》的SQL注入关卡(共10关࿰…...
【7色560页】职场可视化逻辑图高级数据分析PPT模版
7种色调职场工作汇报PPT，橙蓝、黑红、红蓝、蓝橙灰、浅蓝、浅绿、深蓝七种色调模版 【7色560页】职场可视化逻辑图高级数据分析PPT模版：职场可视化逻辑图分析PPT模版https://pan.quark.cn/s/78aeabbd92d1...
SQL慢可能是触发了ring buffer
简介 最近在进行 postgresql 性能排查的时候，发现 PG 在某一个时间并行执行的 SQL 变得特别慢。最后通过监控监观察到并行发起得时间 buffers_alloc 就急速上升，且低水位伴随在整个慢 SQL，一直是 buferIO 的等待事件，此时也没有其他会话的争抢。SQL 虽然不是高效 SQL ，但…...