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

【HTML5学习笔记1】html标签（上）

article 2025/9/23 22:46:12

web标准（重点）

w3c

构成：结构、表现、行为，结构样式行为相分离

结构：网页元素整理分类 html

表现：外观css

行为：交互 javascript

html标签

1.html语法规范

1）

所有标签都在<>内

且一般成对出现（双标签） <html></html>（开始结束

单标签<br />很少

2）标签关系

包含 （嵌套

<head>

<title> </title>

</head>

并列

<head> </head>

<body> </body>


<html>
<head> </head>

<body> </body>

</html>
2.html基本结构标签

1）第一个html网页

骨架标签

<html><head><title>我的第一个页面</title>    </head><body>月薪过万</body>
</html>

3.开发工具

vscode

输入感叹号 !

1）插件

auto rename tag 自动同步修改标签

one dark pro 主题颜色

格式化代码

设置-正在格式化 打开

open inbrowser 预览页面

live server 实时预览

vscodeicons 文件图标主题

easyless

会了吧 陌生单词

2）快捷键

shift alt 下箭头 直接复制整行

ctrl d 修改同样的部分

ctrl alt 上下箭头 添加多个光标

ctrl g 跳转行数

3）vscode骨架标签代码解释

<!DOCTYPE>文档类型声明标签，用的是什么版本的html

lang=“en"定义当前文档显示的、”zh-cn“ 中文网站

<meta charset = "utf-8">字符集

4.html常用标签

1）标签语义

标题标签:6个网页标题h1-h6

<h1>一级标题</h1>

段落标签:<p>

<p>段落</p>

换行标签：<br />

2)案例 ：新闻

3）文本格式化标签

加粗、斜体等

4）<div>、<span>没有语义

就是一个盒子，用来方东西的

div divsion表示分割分区。单独占一行 ，大盒子

span表示跨度、跨距离。一行可以放很多个。小盒子

5）图片标签

<img src=""/>

src是img标签的必须属性，用于指定图像文件的路径和文件名

alt 图片无法显示的时候用文本替换

title 提示文字 鼠标经过图片时显示的文字

height

width 一般只修改高或者宽的一个

broder 边框

标签除了src要在最前面之外其他没有要求

6）图像标签和路径

文件夹 img

相对路径、

绝对路径

7）超链接标签（重点

1链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

属性：

href-指定连接目标的url地址

target-指定连接页面的打开方式，_self默认，__blank新窗口打开

2链接分类

外部链接：百度等

内部链接：自己写的网页

空连接：没有确定链接目标时，<a href="#">首页</a> (占位置）

下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件

网页元素链接：图片 文字 表格 音频都可以

锚点链接：快速定位跳转页面某个位置

<a herf="#名字"> 名字</a>要进行链接的位置
<h3 id="名字"> 它的名字</h3>目标标签位置

5.html中的注释和特殊字符

1)注释

<!-- 注释 -->

2）特殊字符

相关文章：

【HTML5学习笔记1】html标签（上）

web标准&#xff08;重点&#xff09; w3c 构成&#xff1a;结构、表现、行为&#xff0c;结构样式行为相分离 结构&#xff1a;网页元素整理分类 html 表现&#xff1a;外观css 行为&#xff1a;交互 javascript html标签 1.html语法规范 1&#xff09; 所有标签都在…...

编程日记 2025/9/22 7:13:42

计算机视觉---目标检测（Object Detecting）概览

一、目标检测定义与核心任务 1. 定义 任务&#xff1a;在图像/视频中定位并分类所有感兴趣目标&#xff0c;输出边界框&#xff08;Bounding Box&#xff09;和类别标签。核心输出&#xff1a; 坐标&#xff1a;((x_1, y_1, x_2, y_2))&#xff08;左上角右下角&#xff09;或…...

编程日记 2025/9/22 23:44:29

在vue3中使用Cesium的保姆教程

1. 软件下载与安装 1. node安装 Vue.js 的开发依赖于 Node.js 环境&#xff0c;因此我们首先需要安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境&#xff0c;它允许你在服务器端运行 JavaScript 代码&#xff0c;同时也为前端开发提供了强大的工具支…...

编程日记 2025/9/22 21:48:37

IP地址、端口、TCP介绍、socket介绍、程序中socket管理

1、IP地址&#xff1a;IP 地址就是 标识网络中设备的一个地址&#xff0c;好比现实生活中的家庭地址。IP 地址的作用是 标识网络中唯一的一台设备的&#xff0c;也就是说通过IP地址能够找到网络中某台设备。 2、端口&#xff1a;代表不同的进程,如下图&#xff1a; 3、socket:…...

编程日记 2025/9/23 6:39:55

基于MCP的桥梁设计规范智能解析与校审系统构建实践

引言 在腾讯云开发者社区中&#xff0c;有多种MCP工具可以用于本系统的开发和优化中&#xff0c;以下是一些潜在的应用场景&#xff1a; ‌PDF解析工具‌&#xff1a;如pdfplumber等&#xff0c;可以用于规范文件的预处理&#xff0c;提取文本和图像信息。‌自然语言处理工具…...

编程日记 2025/8/11 19:13:58

搭建运行若依微服务版本ruoyi-cloud最新教程

搭建运行若依微服务版本ruoyi-cloud 一、环境准备 JDK > 1.8MySQL > 5.7Maven > 3.0Node > 12Redis > 3 二、后端 2.1数据库准备 在navicat上创建数据库ry-seata、ry-config、ry-cloud运行SQL文件ry_20250425.sql、ry_config_20250224.sql、ry_seata_2021012…...

编程日记 2025/9/22 20:48:50

OM和SCADA的区别

在工业与能源领域&#xff0c;O&M&#xff08;Operation and Maintenance&#xff0c;运维&#xff09; 和 SCADA&#xff08;Supervisory Control And Data Acquisition&#xff0c;监控与数据采集系统&#xff09; 是两类截然不同的概念&#xff0c;前者是 人员与流程驱动…...

编程日记 2025/6/20 14:02:48

CentOS7 grub配置文件介绍

1. grub2-editenv list saved_entryCentOS Linux (3.10.0-1160.el7.x86_64) 7 (Core) 这个命令查询出当前启动的内核版本。 2.grep ^menu /boot/grub2/grub.cfg menuentry CentOS Linux (3.10.0-1160.el7.x86_64) 7 (Core) --class centos --class gnu-linux --class gnu --c…...

编程日记 2025/9/5 22:31:57

SpringBoot常用注解详解

文章目录 1. 前言2. 核心注解2.1 SpringBootApplication2.2 Configuration2.3 EnableAutoConfiguration2.4 ComponentScan2.5 Bean2.6 Autowired2.7 Qualifier2.8 Primary2.9 Value2.10 PropertySource2.11 ConfigurationProperties2.12 Profile 3. Web开发相关注解3.1 Control…...

编程日记 2025/9/18 4:43:29

Python字符串常用内置函数详解

文章目录 Python字符串常用内置函数详解一、基础字符串函数1. len() - 获取字符串长度2. ord() - 获取字符的Unicode码点3. chr() - 通过Unicode码点获取字符4. ascii() - 获取字符的ASCII表示 二、类型转换函数1. str() - 将对象转为字符串2. repr() - 获取对象的官方字符串表…...

编程日记 2025/9/21 10:30:20

MyBatis 批量新增与删除功能完整教程

一、功能概述 通过 MyBatis 动态 SQL 实现以下功能： 批量新增：一次性插入多条员工记录，支持自增主键回填。批量删除：根据 ID 数组一次性删除多条记录。二、代码逐行解析 1. Mapper 接口定义 // 批量新增：传入员工对象集合 void insertAll(List<Emp> empList);// …...

编程日记 2025/8/24 22:16:36

HTML常用标签用法全解析：构建语义化网页的核心指南

HTML作为网页开发的基石&#xff0c;其标签的合理使用直接影响页面的可读性、SEO效果及维护性。本文系统梳理HTML核心标签的用法&#xff0c;结合语义化设计原则与实战示例&#xff0c;助你构建规范、高效的网页结构。 一、基础结构与排版标签 1.1 文档结构 <!DOCTYPE htm…...

编程日记 2025/6/13 2:01:43

大数据架构选型全景指南：核心架构对比与实战案例 解析

目录 大数据架构选型全景指南&#xff1a;核心架构对比与实战案例解析1. 主流架构全景概览1.1 核心架构类型1.2 关键选型维度 2. 架构对比与选型矩阵2.1 主流架构对比表2.2 选型决策树 3. 案例分析与实现案例1&#xff1a;电商实时推荐系统&#xff08;Lambda架构&#xff09;案…...

编程日记 2025/6/16 10:20:32

FPGA： XILINX Kintex 7系列器件的架构

本文将详细介绍Kintex-7系列FPGA器件的架构。以下内容将涵盖Kintex-7的核心架构特性、主要组成部分以及关键技术&#xff0c;尽量全面且结构化&#xff0c;同时用简洁的语言确保清晰易懂。 Kintex-7系列FPGA架构概述 Kintex-7是Xilinx 7系列FPGA中的中高端产品线&#xff0c;基…...

编程日记 2025/9/10 9:14:42

RK3568-鸿蒙5.1与原生固件-扇区对比分析

编译生成的固件目录地址 ../openharmony/out/rk3568/packages/phone/images鸿蒙OS RK3568固件分析 通过查看提供的信息&#xff0c;分析RK3568开发板固件的各个组件及其用途&#xff1a; 主要固件组件 根据终端输出的文件列表&#xff0c;RK3568固件包含以下关键组件&#x…...

编程日记 2025/9/23 2:51:54

常见激活函数——作用、意义、特点及实现

文章目录 激活函数的意义常见激活函数及其特点1. Sigmoid&#xff08;Logistic 函数、S型函数&#xff09;2. Tanh&#xff08;双曲正切函数&#xff09;3. ReLU&#xff08;Rectified Linear Unit修正线性单元&#xff09;4. Softmax5. Swish&#xff08;Google 提出&#xff…...

编程日记 2025/9/22 20:41:05

Spring模拟转账开发

完成转账代码的编写 service public class AccountServiceImpl implements AccountService {Autowiredprivate AccountDao accountDao;public void setAccountDao(AccountDao accountDao) {this.accountDao accountDao;}public void pay(String out, String in, Double money)…...

编程日记 2025/9/16 13:22:29

基于微信小程序的在线聊天功能实现：WebSocket通信实战

基于微信小程序的在线聊天功能实现&#xff1a;WebSocket通信实战 摘要 本文将详细介绍如何使用微信小程序结合WebSocket协议开发一个实时在线聊天功能。通过完整的代码示例和分步解析&#xff0c;涵盖界面布局、WebSocket连接管理、消息交互逻辑及服务端实现&#xff0c;适合…...

编程日记 2025/9/23 13:50:17

小波变换＋注意力机制成为nature收割机

小波变换作为一种新兴的信号分析工具&#xff0c;能够高效地提取信号的局部特征&#xff0c;为复杂数据的处理提供了有力支持。然而&#xff0c;它在捕捉数据中最为关键的部分时仍存在局限性。为了弥补这一不足&#xff0c;我们引入了注意力机制&#xff0c;借助其能够强化关注…...

编程日记 2025/9/22 18:04:20

【无标题】威灏光电哲讯科技MES项目启动会圆满举行

5月14日&#xff0c;威灏光电与哲讯科技MES项目启动会在威灏光电总部隆重举行。威灏光电董事长江轮、总经理刘明星、哲讯科技总经理崔新华、副总王子文及双方项目组成员共同出席&#xff0c;标志着两家企业在数字化领域的第二次深度合作正式启航。 强强联手&#xff0c;二度合作…...

编程日记 2025/9/23 4:25:54

腾讯云存储原理

我们来详细展开你提到的两个核心结构概念&#xff1a; 一、“基于分布式文件系统 对象存储技术” 是什么&#xff1f; 1. 分布式文件系统&#xff08;DFS&#xff09;基础 分布式文件系统是一种支持将数据分布在多个存储节点上、并对上层用户透明的文件系统。腾讯云COS虽然是…...

编程日记 2025/6/20 11:32:46

display:grid网格布局属性说明

网格父级 &#xff1a;display:grid&#xff08;块级网格&#xff09;/ inline-grid&#xff08;行内网格&#xff09; 注意&#xff1a;当设置网格布局&#xff0c;column、float、clear、vertical-align的属性是无效的。 HTML: <ul class"ls02 f18 mt50 sysmt30&…...

编程日记 2025/9/23 17:47:41

排序算法之高效排序:快速排序,归并排序,堆排序详解

排序算法之高效排序&#xff1a;快速排序、归并排序、堆排序详解 前言一、快速排序&#xff08;Quick Sort&#xff09;1.1 算法原理1.2 代码实现&#xff08;Python&#xff09;1.3 性能分析 二、归并排序&#xff08;Merge Sort&#xff09;2.1 算法原理2.2 代码实现&#xf…...

编程日记 2025/9/23 16:27:48

Java 并发编程归纳总结（可重入锁 | JMM | synchronized 实现原理）

1、锁的可重入 一个不可重入的锁&#xff0c;抢占该锁的方法递归调用自己&#xff0c;或者两个持有该锁的方法之间发生调用&#xff0c;都会发生死锁。以之前实现的显式独占锁为例&#xff0c;在递归调用时会发生死锁&#xff1a; public class MyLock implements Lock {/* 仅…...

编程日记 2025/9/23 11:43:29

基于对抗性后训练的快速文本到音频生成：stable-audio-open-small 模型论文速读

Fast Text-to-Audio Generation with Adversarial Post-Training 论文解析 一、引言与背景 文本到音频系统的局限性&#xff1a;当前文本到音频生成系统性能虽佳&#xff0c;但推理速度慢&#xff08;需数秒至数分钟&#xff09;&#xff0c;限制了其在创意领域的应用。 研究…...

编程日记 2025/9/23 6:33:37

BUFDS_GTE2，IBUFDS，BUFG缓冲的区别

1、IBUFDS_GTE2 这是 Xilinx FPGA 中专门为 高速收发器&#xff08;SerDes/GTX/GTH/GTY&#xff09;参考时钟设计的差分输入缓冲器。 主要功能是将外部的差分时钟信号&#xff08;如LVDS、LVPECL等&#xff09;转换为FPGA内部的单端时钟信号&#xff0c;并保证信号的完整性和高…...

编程日记 2025/7/10 20:36:18

ADC深入——SNR、SFDR、ENOB等概念

目录 SNR&#xff08;Spurious‑Free Dynamic Range 信噪比&#xff09; ENOB&#xff08;Effective Number Of Bits 有效位&#xff09; SFDR&#xff08;Spurious‑Free Dynamic Range&#xff09; 感觉SNR和SFDR差不多&#xff1f;看看下图 输入带宽 混叠 带通采样/欠…...

编程日记 2025/9/23 19:54:12

ThinkPad X250电池换电池芯（理论技术储备）

参考&#xff1a;笔记本电池换电芯的经验与心得分享 - 经典ThinkPad专区 - 专门网 换电池芯&#xff0c;需要克服以下问题&#xff1a; 1 拆电池。由于是超声波焊接&#xff0c;拆解比较费力&#xff0c;如果暴力撬&#xff0c;有可能导致电池壳变形... 2 替换电池芯的时候如…...

编程日记 2025/8/7 5:35:04

硬件厂商的MIB文档详解 | 如何查询OID? | MIB Browser实战指南-优雅草卓伊凡

硬件厂商的MIB文档详解 | 如何查询OID? | MIB Browser实战指南-优雅草卓伊凡 一、硬件厂商的MIB文档是什么&#xff1f; 1. MIB的本质&#xff1a;设备的”数据字典” MIB&#xff08;Management Information Base&#xff09; 是SNMP协议的核心数据库&#xff0c;定义了设备…...

编程日记 2025/9/22 10:14:26

阿里开源通义万相 Wan2.1-VACE，开启视频创作新时代

0.前言 阿里巴巴于2025年5月14日正式开源了其最新的AI视频生成与编辑模型——通义万相Wan2.1-VACE。这一模型是业界功能最全面的视频生成与编辑工具&#xff0c;能够同时支持多种视频生成和编辑任务&#xff0c;包括文生视频、图像参考视频生成、视频重绘、局部编辑、背景延展…...

编程日记 2025/9/11 21:57:49