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

HTML 学习笔记(一)开始

news 2026/4/20 5:58:01

一、介绍:

首先引用百度百科的一段话作为介绍:
  HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
  超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

二、环境配置

1.VSCode(个人习惯): 官网下载，打开后在扩展里搜索Chinese进行汉化。
2.新建文件夹再新建 xxx.html (xxx是html的文件名) 就可以开写了，另外建议文件路径不要有中文。

三、代码

首先有请经典：

Hello World ！

保存然后Alt+b即可在浏览器中打开网页
在这里插入图片描述

可以使用标题标签：

<h1>hello world</h1>

在这里插入图片描述

可以使用br标签进行换行：

谁是我们的敌人？谁是我们的朋友？这个问题是革命的首要问题。中国过去<br>
一切革命斗争成效甚少，其基本原因就是因为不能团结真正的朋友，以攻击<br>
真正的敌人。

在这里插入图片描述

"title"属性是用来修饰鼠标悬停在其上时所显示的标题文本：

<h1 title="我是一个标题">一级标题</h1>

在这里插入图片描述
在VSCode中可以通过 !+Tab 来快速生成一个标准的HTML文档格式：

<!--如何定义一个标准的html文档-->
<!--该标签表示后面书写的是html5规范的语法-->
<!DOCTYPE html>
<!--"html"包裹了整个页面的全部内容，被称为"根元素"-->
<html lang = "en"><!--"head"是所有头部元素的容器，描述了文档的各种属性和信息，如文档的标题，文档引用的样式表和JS脚本文件等绝大多数文档头部包含的数据都不会作为内容显示给浏览者--><head><!--设置字符集--><meta charset="UTF-8"><!--用来描述页面被加入书签或收藏时的标题，或者是在浏览器标签中显示的内容--><title>HTML基本格式</title></head><!--其包含了页面展示的全部内容，比如文字，图片，视频和游戏等--><body><h1>HTML书写规范</h1></body>
</html>

学习视频链接：https://www.bilibili.com/video/BV1oU4y1278g?p=1&vd_source=4ebd25c2806304f7c97c649fe1377493

相关文章：

HTML 学习笔记(一)开始

一、介绍: 首先引用百度百科的一段话作为介绍:   HTML的全称为超文本标记语言&#xff0c;是一种标记语言。它包括一系列标签&#xff0c;通过这些标签可以将网络上的文档格式统一&#xff0c;使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本…...

编程日记 2024/3/9 18:00:36

查看自己的ip地址的网站

有时候需要知道自己的ip地址&#xff0c;可以上这个网站查看&#xff1a; What Is My IP? Best Way To Check Your Public IP Address 网站的域名是https://www.whatismyip.com/ 还是挺好记的。...

编程日记 2024/3/9 17:58:35

ES分布式搜索-索引库操作

索引库操作 1、mapping映射属性 可以查看官方文档学习&#xff1a;ES官方手册 mapping是对索引库中文档的约束&#xff0c;常见的mapping属性包括&#xff1a; type&#xff1a;字段数据类型&#xff0c;常见的简单类型有&#xff1a; 字符串&#xff1a;text&#xff08;可…...

编程日记 2024/3/9 17:54:32

Win11 没有网络bug

1.问题描述 没有网络&#xff0c;dns一直是固定的&#xff0c;但是dns已经是自动获取了(MAC地址随机) 2.解决办法 1.首先&#xff0c;删除所有网络的手动dns配置,控制中心那个dns管理没有用,在设置中删除网络,不然问题还会出现 - 2.然后&#xff0c;进入注册表\HKEY_LOCAL_MACH…...

编程日记 2024/3/9 17:47:24

洛谷 1025.数的划分

这道题用的知识点是DFS剪枝。难的不在DFS上&#xff0c;而是在剪枝上如何选择。 思路&#xff1a;这道题我们看到是按照字典序排的&#xff0c;但是&#xff0c;我们注意到&#xff0c;看似是全排列的递归&#xff0c;实则不是。 我们前面也了解过&#xff0c;全排列的数字大…...

编程日记 2024/3/9 17:44:21

MySQL实战：SQL优化及问题排查

有更合适的索引不走&#xff0c;怎么办&#xff1f; MySQL在选取索引时&#xff0c;会参考索引的基数&#xff0c;基数是MySQL估算的&#xff0c;反映这个字段有多少种取值&#xff0c;估算的策略为选取几个页算出取值的平均值&#xff0c;再乘以页数&#xff0c;即为基数 查…...

编程日记 2024/3/9 17:43:20

加密与安全_使用Java代码操作RSA算法生成的密钥对

文章目录 Pre概述什么是非对称加密算法&#xff1f;如何工作&#xff1f;示例&#xff1a;RSA算法特点和优势ECC&#xff1a;另一种非对称加密算法 Code生成公钥和私钥私钥加密私钥加密私钥解密 ( 行不通 )私钥加密公钥解密公钥加密和公钥解密 &#xff08;行不通&#xff09;保…...

编程日记 2024/3/9 17:42:19

Spring Boot中实现图片上传功能的两种策略

&#x1f31f; 前言 欢迎来到我的技术小宇宙&#xff01;&#x1f30c; 这里不仅是我记录技术点滴的后花园&#xff0c;也是我分享学习心得和项目经验的乐园。&#x1f4da; 无论你是技术小白还是资深大牛&#xff0c;这里总有一些内容能触动你的好奇心。&#x1f50d; &#x…...

编程日记 2024/3/9 17:41:18

07.axios封装实例

一.简易axios封装-获取省份列表 1. 需求&#xff1a;基于 Promise 和 XHR 封装 myAxios 函数&#xff0c;获取省份列表展示到页面 2. 核心语法&#xff1a; function myAxios(config) {return new Promise((resolve, reject) > {// XHR 请求// 调用成功/失败的处理程序}) …...

编程日记 2024/3/9 17:39:16

【Linux】第四十一站：线程控制

一、Linux线程VS进程 1.进程和线程 进程是资源分配的基本单位线程是调度的基本单位线程共享进程数据&#xff0c;但也拥有自己的一部分数据:线程ID一组寄存器&#xff08;上下文&#xff09;栈errno信号屏蔽字调度优先级 2.进程的多个线程共享 同一地址空间,因此Text Segment、…...

编程日记 2024/3/9 17:37:15

ChatGPT提示词工程：prompt和chatbot

ChatGPT Prompt Engineering for Developers 本文是 https://www.deeplearning.ai/short-courses/chatgpt-prompt-engineering-for-developers/ 这门课程的学习笔记。 ChatGPT提示词工程&#xff1a;prompt和chatbot 文章目录 ChatGPT Prompt Engineering for DevelopersWhat …...

编程日记 2024/3/9 17:36:13

java算法

常见的七种查找算法&#xff1a; 数据结构是数据存储的方式&#xff0c;算法是数据计算的方式。所以在开发中&#xff0c;算法和数据结构息息相关。 1. 基本查找 也叫做顺序查找 说明&#xff1a;顺序查找适合于存储结构为数组或者链表。 基本思想&#xff1a;顺序查找也称…...

编程日记 2024/3/9 17:35:12

铭文资产是比特币生态破局者 or 短暂热点？

比特币作为加密货币的鼻祖&#xff0c;一直以来都扮演着数字资产市场的引领者角色。最近几年&#xff0c;随着 BRC20 项目的兴起&#xff0c;我们看到了更多与比特币相互关联的创新。在比特币生态中&#xff0c;BRC20 项目不仅仅是数字资产的代表&#xff0c;更是一种对于区块链…...

编程日记 2024/3/9 17:33:10

Java基础 - 8 - 算法、正则表达式、异常

一. 算法 什么是算法&#xff1f; 解决某个实际问题的过程和方法 学习算法的技巧&#xff1f; 先搞清楚算法的流程&#xff0c;再直接去推敲如何写算法 1.1 排序算法 1.1.1 冒泡排序 每次从数组中找出最大值放在数组的后面去 public class demo {public static void main(S…...

编程日记 2024/3/9 17:32:09

gRPC-第二代rpc服务

在如今云原生技术的大环境下&#xff0c;rpc服务作为最重要的互联网技术&#xff0c;蓬勃发展&#xff0c;诞生了许多知名基于rpc协议的框架&#xff0c;其中就有本文的主角gRPC技术。 一款高性能、开源的通用rpc框架 作者作为一名在JD实习的Cpper&#xff0c;经过一段时间的学…...

编程日记 2024/3/9 17:27:05

Node.js是什么？

概念&#xff1a;Node.js1运行在服务器端的js&#xff0c;用来编写服务器 特点&#xff1a;单线程、异步、非阻塞、统一API 是一个构建在V8引擎之上的js运行环境&#xff0c;它使得js可以运行在浏览器以外的地方&#xff0c;相对于大部分的服务器端语言来说&#xff0c;Node.J…...

编程日记 2024/3/9 17:25:03

java SSM厂房管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计

一、源码特点 java SSM厂房管理系统是一套完善的web设计系统&#xff08;系统采用SSM框架进行设计开发&#xff0c;springspringMVCmybatis&#xff09;&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S…...

编程日记 2024/3/9 17:23:02

uniapp实现---类似购物车全选

目录 一、实现思路 二、实现步骤 ①view部分展示 ②JavaScript 内容 ③css中样式展示 三、效果展示 四、小结 注意事项 一、实现思路 点击商家复选框&#xff0c;可选中当前商家下的所有商品。点击全选&#xff0c;选中全部商家的商品 添加单个多选框&#xff0c;在将多选…...

编程日记 2024/3/9 17:22:01

Java：List列表去重有序和无序

目录 待去重列表HashSet去重&#xff08;不保证顺序&#xff09;TreeSet去重&#xff08;不保证顺序&#xff09;LinkedHashSet去重(保证顺序)遍历List去重&#xff08;保证顺序&#xff09;Java8中Stream流处理&#xff08;保证顺序&#xff09;参考文章 待去重列表 // 列表 …...

编程日记 2024/3/9 17:18:57

Python绘图-12地理数据可视化

Matplotlib 自 带 4 类别 地理投影&#xff1a; Aitoff, Hammer, Mollweide 及 Lambert 投影&#xff0c;可以 结 合以下四 张 不同 的 图 了解四 种 不同投影 区别 。 12.1Aitoff投影 12.1.1图像呈现 12.1.2绘图代码 import numpy as np # 导入numpy库&#xff0c;用于…...

编程日记 2024/3/9 17:16:55

伏羲天气预报开源生态：复旦FuXi与Pangu-Weather、FourCastNet对比分析

伏羲天气预报开源生态&#xff1a;复旦FuXi与Pangu-Weather、FourCastNet对比分析 天气预报&#xff0c;这个看似传统的气象学领域&#xff0c;正经历着一场由人工智能驱动的深刻变革。过去&#xff0c;我们依赖复杂的物理方程和超级计算机进行数值模拟&#xff0c;而现在&…...

编程新知 2026/4/20 5:16:01

从家庭路由器到云服务器：一次完整的Web请求，DNS、NAT和ICMP都扮演了什么角色？

从家庭路由器到云服务器&#xff1a;一次完整的Web请求&#xff0c;DNS、NAT和ICMP都扮演了什么角色&#xff1f; 当你在家中电脑输入"news.163.com"并按下回车键时&#xff0c;背后隐藏着一场精密的网络交响乐。这场跨越公私网络边界的数据旅程&#xff0c;由DNS解析…...

编程新知 2026/4/20 2:41:32

圆弧长度计算公式详解

圆弧长度的计算核心在于其几何定义&#xff1a;圆弧是圆周的一部分&#xff0c;其长度由圆的半径和该圆弧所对应的圆心角决定。 一、 基本计算公式 圆弧长度 L 的计算公式为&#xff1a; L (θ / 360) 2πR (θ / 180) πR 或者&#xff0c;当圆心角 θ 以弧度制表示时…...

编程新知 2026/4/20 1:44:29

阿贝云免费服务器

阿贝云免费虚拟主机https://www.abeiyun.com&#xff0c;点击进入&#xff0c;登录即领...

编程新知 2026/4/20 1:31:30

MySQL升级后如何启用新安全特性_配置密码策略与加密

MySQL 8.0升级后密码策略未生效&#xff0c;主因是default_authentication_plugin仍为mysql_native_password&#xff1b;需修改my.cnf设为caching_sha256_password并重启&#xff0c;新用户才启用&#xff0c;旧用户须ALTER USER显式切换&#xff1b;validate_password插件仅对…...

编程新知 2026/4/20 1:02:39

Vue v-slot → 用 VuReact 转换后变成这样的 React 代码

VuReact 是一个能将 Vue 3 代码编译为标准、可维护 React 代码的工具。今天就带大家直击核心&#xff1a;Vue 中常见的 v-slot 指令经过 VuReact 编译后会变成什么样的 React 代码&#xff1f; 前置约定 为避免示例代码冗余导致理解偏差&#xff0c;先明确两个小约定&#xf…...

编程新知 2026/4/20 0:49:56

抖音无水印批量下载终极指南：告别录屏，轻松获取高清内容

抖音无水印批量下载终极指南&#xff1a;告别录屏&#xff0c;轻松获取高清内容 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser f…...

编程新知 2026/4/20 0:22:48

sitemap网站地图在线生成网站

https://sitemap.zhetao.com/...

编程新知 2026/4/19 23:53:48

别只发GET请求了！ESP32的HTTPClient库POST数据到服务器，保姆级配置流程（含模拟测试）

ESP32实战&#xff1a;HTTPClient库POST数据全流程指南与模拟测试方案 在物联网开发中&#xff0c;数据采集只是第一步&#xff0c;如何将传感器数据可靠地上传到服务器才是真正体现项目价值的环节。很多开发者习惯使用GET请求获取数据&#xff0c;却忽视了POST请求在数据上传中…...

编程新知 2026/4/19 22:42:57

Python剪映API终极指南：5分钟掌握视频自动化批量处理技巧

Python剪映API终极指南&#xff1a;5分钟掌握视频自动化批量处理技巧 【免费下载链接】JianYingApi Third Party JianYing Api. 第三方剪映Api 项目地址: https://gitcode.com/gh_mirrors/ji/JianYingApi 你想摆脱每天重复的视频剪辑工作吗&#xff1f;你想用Python代码…...

编程新知 2026/4/19 22:34:55