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

HTML中最基本的东西

news 2026/3/31 16:44:12

本文内容的标签，将是看懂HTML的最基本之基本 ，是跟您在写文章时候一样内容。一般想掌握极其容易，但是也要懂得如何使用，过目不忘，为手熟尔。才是我们学习的最终目的。其实边看边敲都行，或者是边看边复制粘贴运行就好。

该文章为个人成长笔记，仅供学习研究，感谢您的阅览。

 内容简介

...................................以下就是，很容易的。

 

标签注释标签
＜!--这是一段注释。注释不会在浏览器中显示。-->
文章段落标签

<p>这是一段普通的段落。</p>

文章标题标签（由大到小）

<h1>这是h1标题</h1>

<h2>这是h2标题</h2>

<h3>这是h3标题</h3>

<h4>这是h4标题</h4>

<h5>这是h5标题</h5>

<h6>这是h6标题</h6>

文章换行标签

<br />

文章换行线标签

<hr>

文本加粗属性标签
<b>这是字体加粗</b>
<strong>这是字体加粗</strong>
文本斜体属性标签
<i>这是斜体</i>
文本下划线属性标签
<u>这是下划线</u>
文本删除线属性标签
<del>这是删除线</del>
文本上标与下标属性标签
<sup>这是上标</sup>
<sub>这是下标</sub>
规定文本字体属性标签
<font>这是规定字体属性</font>
size 规定字体的大小
color 规定字体的颜色
<font size="10" color="red">这是规定字体属性</font>

以上内容中和运用，代码如下： 
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--这是一段注释。注释不会在浏览器中显示。--><p>这是一段普通的段落。</p><br /><hr><h1>这是h1标题</h1><br /><hr><h2>这是h2标题</h2><br /><hr><h3>这是h3标题</h3><br /><hr><h4>这是h4标题</h4><br /><hr><h5>这是h5标题</h5><br /><hr><h6>这是h6标题</h6><br /><hr><b>这是字体加粗</b><br /><hr><strong>这是字体加粗</strong><br /><hr><i>这是斜体</i><br /><hr><u>这是下划线</u><br /><hr><del>这是删除线</del><br /><hr><sup>这是上标</sup><br /><hr><sub>这是下标</sub><br /><hr><font size="10" color="red">这是规定字体属性</font><br /><hr><pre>       会保留缩进会保留缩进会保留缩进会保留缩进会保留缩进</pre><br /><hr><code>会保留部分标签元素</code><br /><hr><code>function sayHello() {console.log("Hello, World!");if (true) {console.log("This is a conditional statement.");}
}
sayHello();
</code><br /><hr>
</body>
</html>

运行效果如下，可以开两个页面对照着看，不然您自己可以上手敲一哈。 

预格式化的文本标签
<pre>会保留缩进</pre>
行内代码元素标签
<code>会保留部分标签元素</code>
一般这二者会联合起来一起用，代码如下： 
<!DOCTYPE html>
<html lang="en">
<head><title>显示代码示例</title>
</head>
<body><h1>以下是一段 JavaScript 代码示例：</h1><pre><code>
function sayHello() {console.log("Hello, World!");if (true) {console.log("This is a conditional statement.");}
}
sayHello();</code></pre>
</body>
</html>

另外做个补充

<title>我是网页窗口的标题，你往上看这几个标签就是我</title>

相关文章：

HTML中最基本的东西

本文内容的标签&#xff0c;将是看懂HTML的最基本之基本 &#xff0c;是跟您在写文章时候一样内容。一般想掌握极其容易&#xff0c;但是也要懂得如何使用&#xff0c;过目不忘&#xff0c;为手熟尔。才是我们学习的最终目的。其实边看边敲都行&#xff0c;或者是边看边复制粘贴…...

编程日记 2025/1/17 21:33:34

＜OS 有关＞Ubuntu 24 安装 openssh-server, tailscale+ssh 慢增加

更新日志&#xff1a; Created on 14Jan.2025 by Dave , added openssh-server, tailescape Updated on 15Jan.2025, added "tailescape - tailscape ssh" 前期准备&#xff1a; 1. 更新可用软件包的数据库 2. 升级系统中所有已安装的软件包到最新版本 3. 安装 cur…...

编程日记 2025/1/17 21:28:29

神经网络常见操作（卷积）输入输出

卷积 dimd的tensor可以进行torch.nn.Convnd(in_channels,out_channels),其中nd-1,d-2对于torch.nn.Convnd(in_channels,out_channels)&#xff0c;改变的是tensor的倒数n1维的大小 全连接 使用torch.nn.Linear(in_features,out_features,bias)实现YXWT b,其中X 的形状为 (ba…...

编程日记 2025/1/17 21:20:22

25/1/16 嵌入式笔记 STM32F108

输入捕获 TIM_TimeBaseInitTypeDef TIM_TimeBaseStruct; TIM_TimeBaseStruct.TIM_Period 0xFFFF; // 自动重装载值 TIM_TimeBaseStruct.TIM_Prescaler 71; // 预分频值 TIM_TimeBaseStruct.TIM_ClockDivision 0; TIM_TimeBaseStruct.TIM_CounterMode TIM_CounterMode_Up…...

编程日记 2025/1/17 21:17:17

mac 安装 node

brew versions node // 安装 node brew versions node14 // 安装指定版本 卸载node: sudo npm uninstall npm -g sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.* sudo rm -rf /usr/local/include/node /Users/$USER/.npm su…...

编程日记 2025/1/17 21:16:15

mysql常用运维命令

mysql常用运维命令 查看当前所有连接 -- 查看当前所有连接 SHOW FULL PROCESSLIST;说明&#xff1a; 关注State状态列&#xff0c;是否有锁。如果大量状态是waiting for handler commit检查磁盘是否占满关注Time耗时列&#xff0c;是否有慢查询关注Command列&#xff0c;如果…...

编程日记 2025/1/17 21:15:14

正则表达式学习网站

网上亲测好用的网站&#xff1a; Regexlearn 这个网站可以从0开始教会正则表达式的使用。 mklab 包含常用表达式&#xff0c;车次&#xff0c;超链接&#xff0c;号码等提取。...

编程日记 2025/1/17 21:09:08

gradle,adb命令行编译备忘

追踪依赖(为了解决duplicateClass…错误) gradlew.bat app:dependencies > dep-tree.txt # 分析dep-tree.txt的依赖结构&#xff0c;找到对应的包&#xff0c;可能需要做exclude控制,或者查看库issueverbose编译(我一直需要verbose) gradlew.bat assembleDebug -Dhttps.pr…...

编程日记 2025/1/17 21:03:01

C++：工具VSCode的编译和调试文件内容：

ubuntu24.04&#xff0c; vscode 配置文件 C 的环境 下载的gcc&#xff0c;使用命令为 sudo aptitude update sudo aptitude install build-essential -f- sudo: 以超级用户权限运行命令。 - aptitude: 包管理工具&#xff0c;用于安装、更新和删除软件包。 - install: 安装指…...

编程日记 2025/1/17 20:57:52

SpringMVC Idea 搭建 部署war

1.创建 Idea项目 使用Maven模板 创建 webApp模板项目 2.导入依赖 <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/4.0.0 http://ma…...

编程日记 2025/1/17 20:55:50

YOLOv10-1.1部分代码阅读笔记-loaders.py

loaders.py ultralytics\data\loaders.py 目录 loaders.py 1.所需的库和模块 2.class SourceTypes: 3.class LoadStreams: 4.class LoadScreenshots: 5.class LoadImagesAndVideos: 6.class LoadPilAndNumpy: 7.class LoadTensor: 8.def autocast_list(source…...

编程日记 2025/1/17 20:53:48

Windows的Redis查看自己设置的密码并更改设置密码

查看密码 由于我的Redis安装很久了&#xff0c;所以忘记是否有设置密码&#xff0c;查看步骤如下&#xff1a; 启动redis&#xff0c;启动流程可以看这篇文章&#xff1a;https://blog.csdn.net/changyana/article/details/127679871 在redis安装目录下打开redis-cli.exe&…...

编程日记 2025/1/17 20:51:46

【Linux】sed编辑器二

一、处理多行命令 sed编辑器有3种可用于处理多行文本的特殊命令。 N&#xff1a;加入数据流中的下一行&#xff0c;创建一个多行组进行处理&#xff1b;D&#xff1a;删除多行组中的一行&#xff1b;P&#xff1a;打印多行组中的一行。 1、next命令&#xff1a;N 单行next命…...

编程日记 2025/1/17 20:50:44

docker 部署 Kafka 单机和集群

一、准备工作 安装 Docker 确保本机已安装 Docker。可以通过以下命令检查 Docker 是否已安装&#xff1a;docker --version如果未安装&#xff0c;可以访问 Docker 官网下载并安装 Docker Desktop&#xff08;Windows 和 Mac&#xff09;或使用包管理器安装&#xff08;Linux&…...

编程日记 2025/1/17 20:48:42

PHP语言的软件开发工具

PHP语言的软件开发工具 在当今数字化的时代&#xff0c;软件开发已经成为一种常见的职业。无论是企业级应用、网站开发还是移动应用&#xff0c;开发者们都需要用到各种各样的工具。PHP作为一种广泛使用的服务器端脚本语言&#xff0c;因其简单、灵活与强大的功能&#xff0c;…...

编程日记 2025/1/17 20:47:40

前端【3】--CSS布局，CSS实现横向布局，盒子模型

盒子分类 1、块级盒子 2、内联级盒子 3、内联块级盒子 4、弹性盒子 5、盒子内部分区 方法一&#xff1a;使用 float 普通盒子实现横向布局 方法二&#xff1a;使用 display: inline-block 内联块级元素实现横向布局 方法三&#xff1a;使用弹性盒子 flexbox&#xff0…...

编程日记 2025/1/17 20:43:36

SQL语句IN和OR的区别

在SQL中&#xff0c;IN和OR都用于筛选条件&#xff0c;但它们的用途和性能上有一些区别。以下是两者的对比&#xff1a; 1. 语法 IN SELECT * FROM table_name WHERE column_name IN (value1, value2, value3);IN用于检查某列的值是否在一个给定的值列表中。 OR SELECT * FRO…...

编程日记 2025/1/17 20:41:33

OCP使用中的常见问题与解决方法

OCP的常见问题 页面卡顿&#xff1a; 遇到页面卡顿的问题时&#xff0c;首先需要区分是全局性的卡顿&#xff0c;即所有页面都出现延迟或响应缓慢&#xff0c;还是仅限于特定的监控页面。 监控数据看不到: 需要明确是全部数据都无法查看&#xff0c;还是仅限于特定集群的数…...

编程日记 2025/1/17 20:30:22

Git 版本控制：.gitignore 文件完全指南

.gitignore 文件是 Git 版本控制系统中的一个重要配置文件&#xff0c;用于告诉 Git 哪些文件和目录应该被忽略&#xff0c;不需要纳入版本控制。以下是关于 .gitignore 的完整笔记。 基本概念 .gitignore 文件可以放在项目的任何目录下&#xff0c;其作用范围包括所在目录及…...

编程日记 2025/1/17 20:27:17

STM32 FreeRTOS 介绍

目录 什么是裸机开发 什么是操作系统 通用操作系统 实时操作系统 FreeRTOS简介 FreeRTOS发展历史 FreeRTOS优势 FreeRTOS特点 什么是裸机开发 裸机开发指的是在没有操作系统&#xff08;OS&#xff09;或者其他高级软件支持的情况下&#xff0c;直接在裸机硬件上进行软…...

编程日记 2025/1/17 20:25:14

Qwen2.5-VL应用指南：如何用它做智能客服、文档分析和内容创作

Qwen2.5-VL应用指南&#xff1a;如何用它做智能客服、文档分析和内容创作 1. 引言&#xff1a;认识Qwen2.5-VL的强大能力 Qwen2.5-VL是通义千问团队推出的最新视觉-语言多模态模型&#xff0c;相比前代产品有了显著提升。这个7B参数的模型不仅能理解图像内容&#xff0c;还能…...

编程新知 2026/3/31 16:32:17

路沿模板,乐山水泥路面模板,40公分路面钢模哪里有名

打路面模板&#xff1a;乐山水泥路面的优质之选在道路建设中&#xff0c;打路面模板起着至关重要的作用。它不仅关系到路面的成型质量&#xff0c;还影响着整个工程的效率和成本。乐山地区对于道路建设的需求不断增加&#xff0c;尤其是在水泥路面的铺设方面&#xff0c;40公分…...

编程新知 2026/3/31 16:28:16

手把手教你用SAM2和LoRA：基于CVPR25新思路的开放词汇分割实战（附代码）

手把手教你用SAM2和LoRA&#xff1a;基于CVPR25新思路的开放词汇分割实战&#xff08;附代码&#xff09; 开放词汇语义分割&#xff08;Open-Vocabulary Semantic Segmentation&#xff09;正成为计算机视觉领域的热点方向。传统语义分割模型受限于预定义的封闭类别&#xff…...

编程新知 2026/3/31 16:21:59

通义千问1.5-1.8B-Chat-GPTQ-Int4场景应用：网络安全威胁情报的智能分析与报告生成

通义千问1.5-1.8B-Chat-GPTQ-Int4场景应用&#xff1a;网络安全威胁情报的智能分析与报告生成 1. 引言&#xff1a;当安全分析师遇上信息洪流 想象一下&#xff0c;你是一名网络安全分析师。凌晨三点&#xff0c;刺耳的告警声把你从睡梦中惊醒。屏幕上&#xff0c;来自防火墙…...

编程新知 2026/3/31 14:36:05

如何在3分钟内为你的项目生成真实可信的测试姓名数据？

如何在3分钟内为你的项目生成真实可信的测试姓名数据&#xff1f; 【免费下载链接】uinames A simple tool to generate names for use in designs and mockups. 项目地址: https://gitcode.com/gh_mirrors/ui/uinames 你是否曾经为测试数据而烦恼&#xff1f;在开发用户…...

编程新知 2026/3/31 13:47:07

智能抢票系统：从技术实现到场景落地

智能抢票系统&#xff1a;从技术实现到场景落地 【免费下载链接】Automatic_ticket_purchase 大麦网抢票脚本 项目地址: https://gitcode.com/GitHub_Trending/au/Automatic_ticket_purchase 你是否曾遇到这样的场景&#xff1a;苦等数月的演唱会门票在开票瞬间售罄&…...

编程新知 2026/3/31 13:32:56

别让import.*拖慢你的Spring Boot项目！IDEA优化导入配置详解

别让import.*拖慢你的Spring Boot项目&#xff01;IDEA优化导入配置详解 在微服务架构盛行的今天&#xff0c;Spring Boot项目的启动速度已经成为开发者关注的焦点。一个常见的性能陷阱就隐藏在那些看似无害的import.*语句中——它们会强制JVM加载整个包的类&#xff0c;即使你…...

编程新知 2026/3/31 12:23:42

Leather Dress Collection 企业级参数调优指南：平衡响应速度与生成质量

Leather Dress Collection 企业级参数调优指南&#xff1a;平衡响应速度与生成质量 如果你正在考虑把Leather Dress Collection这类大模型服务搬到公司的生产环境里&#xff0c;那你肯定遇到过这样的纠结&#xff1a;调快了&#xff0c;生成的内容质量好像会打折扣&#xff1b…...

编程新知 2026/3/31 12:03:35

如何通过手机号快速查询QQ号：3分钟解决账号遗忘难题

如何通过手机号快速查询QQ号&#xff1a;3分钟解决账号遗忘难题 【免费下载链接】phone2qq 项目地址: https://gitcode.com/gh_mirrors/ph/phone2qq 在数字时代&#xff0c;QQ账号作为重要的社交和工作工具&#xff0c;其安全性与可访问性至关重要。然而&#xff0c;更…...

编程新知 2026/3/31 8:31:41

敏捷团队沟通技巧：减少冲突的5个方法

在敏捷开发环境中&#xff0c;软件测试从业者常面临跨职能冲突的挑战。数据显示&#xff0c;超过70%的项目延迟源于沟通不畅&#xff0c;尤其在测试与开发团队之间&#xff0c;角色目标错位&#xff08;如开发侧重快速交付&#xff0c;测试聚焦风险防控&#xff09;易引发摩擦。…...

编程新知 2026/3/31 7:37:23