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

HTML中最基本的东西

news 2026/6/3 6:45:02

本文内容的标签，将是看懂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

Hirschmann RS20-0800M4M4SDAE工业以太网交换机

Hirschmann RS20-0800M4M4SDAE 工业以太网交换机产品特点&#xff1a;端口配置&#xff1a;共8个端口&#xff0c;含6个RJ45电口和2个ST光纤接口。端口速率&#xff1a;所有端口均为100Mbps快速以太网。光纤类型&#xff1a;2个光纤端口为多模、ST接头。管理类型&#xff1a;二…...

编程新知 2026/5/26 2:41:36

告别C盘战士！ArcGIS 10.6安装路径选择与磁盘空间优化全攻略

告别C盘战士&#xff01;ArcGIS 10.6安装路径选择与磁盘空间优化全攻略当GIS初学者第一次安装ArcGIS 10.6时&#xff0c;往往会被其庞大的安装体积所震惊。许多用户习惯性地点击"下一步"&#xff0c;结果发现C盘空间被迅速吞噬&#xff0c;系统运行变得迟缓。本文将深…...

编程新知 2026/5/26 2:05:15

基于SMD与贝壳的微型音频装置：从电路设计到嵌入式开发的完整实践

1. 项目概述&#xff1a;一个藏在贝壳里的声音世界你小时候有没有捡起一个海螺壳&#xff0c;把它贴在耳边&#xff0c;然后听到里面传来“呜呜”的海风声&#xff1f;那个瞬间&#xff0c;仿佛整个海洋都被装进了小小的贝壳里。今天这个项目&#xff0c;就是把那个童年的魔法&…...

编程新知 2026/5/25 21:01:15

圈复杂度＞12=技术债炸弹？DeepSeek静态分析实战：从17.8→3.2的重构路径全披露

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;圈复杂度&#xff1e;12技术债炸弹&#xff1f;DeepSeek静态分析实战&#xff1a;从17.8→3.2的重构路径全披露 当函数圈复杂度&#xff08;Cyclomatic Complexity&#xff09;持续高于12&#xff0c;它不再是…...

编程新知 2026/5/25 19:57:30

MeloTTS实战指南：解决多语言TTS部署中的核心挑战

MeloTTS实战指南&#xff1a;解决多语言TTS部署中的核心挑战 【免费下载链接】MeloTTS High-quality multi-lingual text-to-speech library by MyShell.ai. Support English, Spanish, French, Chinese, Japanese and Korean. 项目地址: https://gitcode.com/GitHub_Trendin…...

编程新知 2026/5/25 18:32:47

观察不同模型在统一 API 下的响应速度与输出风格差异

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 观察不同模型在统一 API 下的响应速度与输出风格差异 在为大语言模型应用选择模型时&#xff0c;开发者通常会关注两个核心维度&am…...

编程新知 2026/5/25 17:10:56

收藏干货｜2026 版双非零基础入局大模型开发，RAG 与 Agent 就业上岸全攻略

日常总能收到不少初学伙伴的私信&#xff0c;大家普遍都有同一个疑惑&#xff1a;二本及普通院校学历&#xff0c;零基础入门 RAG、Agent 大模型应用开发&#xff0c;究竟能不能顺利入职&#xff1f;行业后续发展前景又如何&#xff1f; 本篇 2026 年全新内容&#xff0c;不空谈…...

编程新知 2026/5/25 16:54:51

为什么92%的数据库重构失败？Claude设计辅助如何在48小时内规避反范式陷阱？

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;为什么92%的数据库重构失败&#xff1f;——反范式陷阱的本质溯源 数据库重构失败率高达92%&#xff0c;其核心症结并非技术能力不足&#xff0c;而是对“反范式”这一设计策略的误读与滥用。许多团队在性能压…...

编程新知 2026/5/26 22:10:00

终极艾尔登法环存档迁移指南：3分钟学会角色无损转移

终极艾尔登法环存档迁移指南&#xff1a;3分钟学会角色无损转移 【免费下载链接】EldenRingSaveCopier 项目地址: https://gitcode.com/gh_mirrors/el/EldenRingSaveCopier 还在为《艾尔登法环》存档迁移而烦恼吗&#xff1f;当游戏版本更新后&#xff0c;你辛辛苦苦培…...

编程新知 2026/5/25 15:34:51

洛雪音乐桌面版：跨平台音乐聚合播放器的终极使用指南

洛雪音乐桌面版&#xff1a;跨平台音乐聚合播放器的终极使用指南 【免费下载链接】lx-music-desktop 一个基于 Electron 的音乐软件 项目地址: https://gitcode.com/GitHub_Trending/lx/lx-music-desktop 洛雪音乐桌面版是一款基于Electron和Vue 3技术栈开发的开源跨平台…...

编程新知 2026/5/25 13:58:13