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

HTML基本概念：

news 2026/5/20 12:41:02
  • HTML简介：

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

1）、HTML 是用来描述网页的一种语言。

2）、HTML 不是一种编程语言，而是一种标记语言。

3）、标记语言是一套标记标签 (markup tag)。

4）、HTML 使用标记标签来描述网页。

5）、HTML 文档包含了HTML 标签及文本内容。

6）、HTML文档也叫做 web 页面。

HTML文件的基本架构：

▲ <!DOCTYPE html> 声明为 HTML5 文档。

▲ <html> 元素是 HTML 页面的根元素。

▲ <head> 元素包含了文档的元（meta）数据，

如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

▲ <title> 元素描述了文档的标题。

▲ <body> 元素包含了可见的页面内容。

▲ <h1> 元素定义一个大标题。

▲ <p> 元素定义一个段落。

  • HTML基础：
  1. 、HTML标题：HTML标题是通过<h1>-<h6>标签来定义的

例：<h1>这是一个标题</h1>

  1. 、HTML段落：HTML段落是通过<p>标签来定义的

例：<p>这是一个段落</p>

  1. 、HTML链接：HTML链接是通过<a>标签来定义的

例：<a href=“https://www.robot.com”这是一个链接</a>

  1. 、HTML图像：HTML图像是通过<img>标签来定义的

例：<img decoding=“async”src=“/images/logo.png”width=“128”width=“64”/>

  • HTML元素：

HTML文档由HTML元素定义。

HTML元素语法：

▲ HTML 元素以开始标签起始。

▲ HTML 元素以结束标签终止。

▲ 元素的内容是开始标签与结束标签之间的内容。

▲ 某些 HTML 元素具有空内容（empty content）。

▲ 空元素在开始标签中进行关闭（以开始标签的结束而结束）。

▲ 大多数 HTML 元素可拥有属性。

大多数HTML元素可以嵌套（HTML元素可以包含其他HTML元素）。

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。如：<br>。

  • HTML属性：

属性是HTML元素提供的附加信息。HTML元素可以设置属性；属性可以在元素中添加附加信息；属性一般描述于开始标签；属性总是以名称、值对的形式出现，比如：name = “value”。

相关文章：

HTML基本概念：

HTML简介&#xff1a; 超文本标记语言&#xff08;英语&#xff1a;HyperText Markup Language&#xff0c;简称&#xff1a;HTML&#xff09;是一种用于创建网页的标准标记语言。 1&#xff09;、HTML 是用来描述网页的一种语言。 2&#xff09;、HTML 不是一种编程语言&am…...

编程日记 2023/10/31 10:36:19

webpack编译卡住65不动，问题记录

此问题webpack没有报任何错误&#xff0c;导致我们只能用排除法&#xff0c;排除了整整一下午&#xff0c;为了避免又浪费一个下午时间&#xff0c;特此记录这个重要的问题。重启电脑也试了&#xff0c;清理缓存也试了&#xff0c;然后node_modules也重新安装了很多遍&#xff…...

编程日记 2023/10/31 10:35:18

当在本地，向服务器发送信息时，服务器接受信息返回给客户端，此时采用多行读取时，客户端接收不到Server的信息

public class SocketTCP04Server {public static void main(String[] args) throws IOException {ServerSocket serverSocket new ServerSocket(9999);System.out.println("Server&#xff1a;"serverSocket.getClass());System.out.println("正在等待用户连接.…...

编程日记 2023/10/31 10:34:17

2310D,Dll,栈跟踪

原文 帮助 有没有想过,如果运行时拥有调试器功能,会怎样? 对系统语言来说,常见问题是解引用空针.这几乎总是会导致崩溃,很难找到该问题,特别是你不是该项目的原始开发者时. 但是,不要害怕,在此我要讲如何在不需要实际附加调试器时获得有用的调试信息. 在Java中,已存在一个叫…...

编程日记 2023/10/31 10:32:13

JVS-BI数字大屏设计器：一站式解决方案

数字大屏介绍 数字大屏是当下数据展示、业务监控、指挥调度常见的业务表达形态&#xff0c;常有可视化的图表、效果装饰、事件操作等技术组成酷炫的效果展示。 配置入口 进入JVS-BI&#xff08;bi.bctools.cn&#xff09;&#xff0c;进入大屏页面&#xff0c;如下图所示 ①…...

编程日记 2023/10/31 10:31:12

uniapp 中添加 vconsole

uniapp 中添加 vconsole 一、安装 vconsole npm i vconsole二、使用 vconsole 在项目的 main.js 文件中添加如下内容 // #ifdef H5 // 提交前需要注释 本地调试使用 import * as vconsole from "vconsole"; new vconsole() // 使用 vconsole // #endif三、成功...

编程日记 2023/10/31 10:30:11

目标检测 YOLOv5 预训练模型下载方法

目标检测 YOLOv5 预训练模型下载方法 flyfish https://github.com/ultralytics/yolov5 https://github.com/ultralytics/yolov5/releases 可以选择自己需要的版本和不同任务类型的模型 后缀名是pt...

编程日记 2023/10/31 10:29:10

第16章_变量、流程控制与游标

第16章_变量、流程控制与游标 讲师&#xff1a;尚硅谷-宋红康&#xff08;江湖人称&#xff1a;康师傅&#xff09; 官网&#xff1a;http://www.atguigu.com 1. 变量 在MySQL数据库的存储过程和函数中&#xff0c;可以使用变量来存储查询或计算的中间结果数据&#xff0c;或…...

编程日记 2023/10/31 10:27:05

谁知道腾讯云轻量服务器“月流量”是什么意思？

腾讯云轻量服务器月流量什么意思&#xff1f;月流量是指轻量服务器限制每月流量的意思&#xff0c;不能肆无忌惮地使用公网&#xff0c;流量超额需要另外支付流量费&#xff0c;上海/广州/北京等地域的轻量服务器月流量不够用超额部分按照0.8元/GB的价格支付流量费。阿腾云aten…...

编程日记 2023/10/31 10:26:03

算法笔记【4】-冒泡排序法改进

一、冒泡排序缺点 冒泡排序是一种简单但效率较低的排序算法。冒泡排序通过比较相邻元素并交换位置来实现排序。具体而言&#xff0c;它从数组的第一个元素开始&#xff0c;依次比较相邻的两个元素&#xff0c;如果顺序错误则交换它们的位置&#xff0c;直到整个数组排好序为止…...

编程日记 2023/10/31 10:21:52

cocos creator 资源管理

cocos creator 在使用过程中&#xff0c;经常需要动态加载远端资源&#xff0c;比日说 用户头像&#xff0c;龙骨动画皮肤资源&#xff0c;这些资源不可能都做成 预制体交给 cocos creator 帮助我们管理&#xff1b; 这个时候就需要我们 动态加载远端资源&#xff08;但是 动态…...

编程日记 2023/10/31 10:18:47

好用的API调试工具推荐：Apipost

随着数字化转型的加速&#xff0c;API&#xff08;应用程序接口&#xff09;已经成为企业间沟通和数据交换的关键。而在API开发和管理过程中&#xff0c;API文档、调试、Mock和测试的协作显得尤为重要。Apipost正是这样一款一体化协作平台&#xff0c;旨在解决这些问题&#xf…...

编程日记 2023/10/31 10:17:46

贪心算法学习——最长单调递增子序列

目录 ​编辑 一&#xff0c;题目 二&#xff0c;题目接口 三&#xff0c;解题思路和代码 一&#xff0c;题目 给你一个整数数组 nums &#xff0c;找到其中最长严格递增子序列的长度。 子序列 是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组…...

编程日记 2023/10/31 10:16:45

银行家算法（Python实现）

银行家算法&#xff0c;以及安全检测算法&#xff1a; import copy# 银行家算法&#xff08;资源分配合法性&#xff09; def BankersAlgorithm(Process_num, Resources_num, Request, Max, Available, Allocation, Need):PID Request[PID] # 获取发起请求的进程ID# Step1.如…...

编程日记 2023/10/31 10:15:43

安装终端 ·Terminator

安装终端 在 ROS 中&#xff0c;需要频繁的使用到终端&#xff0c;且可能需要同时开启多个窗口&#xff0c;推荐一款较为好用的终端:**Terminator。**效果如下: 1.安装 sudo apt install terminator2.添加到收藏夹 显示应用程序 —> 搜索 terminator —> 右击 选择 添…...

编程日记 2023/10/31 10:14:40

【Python文件操作的其他例子】

A.Python文件操作的其他例子 当然&#xff0c;以下是一些Python文件操作的其他例子&#xff1a; 1. 读取文件内容&#xff1a; with open(example.txt, r) as f:content f.read()print(content)这个例子会打开名为’example.txt’的文件&#xff0c;读取其内容&#xff0c;…...

编程日记 2023/10/31 10:13:37

使用Terraform管理已经存在的kubernates和默认的节点池

背景&#xff1a; 通过terraform resource "alicloud_cs_managed_kubernetes" "k8s" {...}创建集群时&#xff0c;会产生一个默认的节点池default-nodepool&#xff0c;但是如何去修改这个默认节点池的信息呢&#xff1f; 解决思路&#xff1a; 因为Ter…...

编程日记 2023/10/31 10:12:37

在HTML当中引入Vue控件，以element-ui为例

前情&#xff1a;需要实现一个同时满足按天、按周、按月选择的时间选择器&#xff0c;但是以HTML为基础写的都不太满足我的要求&#xff0c;要么只能按天选择&#xff0c;要么就是想选择久远的时间得点很久&#xff0c;除非自己写捷径&#xff0c;所以就看上了element-ui的这个…...

编程日记 2023/10/31 10:11:35

UE5实现相机水平矫正

UE5实现相机水平矫正 思路&#xff0c;用HIT获得基于相机视角的 离散采样点&#xff0c;然后根据距离相机距离进行权重分析。 距离越近&#xff0c;采样约中心&#xff0c;即越接近人眼注意点&#xff0c;最后算出加权平均高度&#xff0c;赋予给相机&#xff0c;相机将水平旋…...

编程日记 2023/10/31 10:10:34

Word插入Latex语句并编译为数学公式

WPS不可行&#xff0c;正版word可以&#xff08;垃圾WPS&#xff09; 选中Latex语句并按下Alt &#xff08;此处以后补一张图&#xff09; 该方法不需要额外安装什么插件哦&#xff01;...

编程日记 2023/10/31 10:09:32

Pixelle-Video：如何让AI为您的声音创作注入灵魂？

Pixelle-Video&#xff1a;如何让AI为您的声音创作注入灵魂&#xff1f; 【免费下载链接】Pixelle-Video &#x1f680; AI 全自动短视频引擎 | AI Fully Automated Short Video Engine 项目地址: https://gitcode.com/GitHub_Trending/pi/Pixelle-Video 在AI视频创作的…...

编程新知 2026/5/20 12:18:43

新手也能看懂的CTF靶场通关笔记：从.htaccess上传到SUID提权，手把手复现BUUCTF Week5

新手也能看懂的CTF靶场通关笔记&#xff1a;从.htaccess上传到SUID提权&#xff0c;手把手复现BUUCTF Week5 第一次接触CTF比赛时&#xff0c;看到那些复杂的漏洞利用链总有种"看天书"的感觉。直到自己动手在虚拟机里复现了整个攻击流程&#xff0c;才真正理解每个技…...

编程新知 2026/5/20 11:06:43

从‘过拟合陷阱’到可靠评估：手把手教你用Python和Scikit-learn玩转交叉验证（含RepeatedKFold/LeaveOneOut）

从‘过拟合陷阱’到可靠评估&#xff1a;手把手教你用Python和Scikit-learn玩转交叉验证&#xff08;含RepeatedKFold/LeaveOneOut&#xff09; 当你满怀期待地将训练集上准确率高达98%的模型部署到生产环境&#xff0c;却发现实际预测效果惨不忍睹时&#xff0c;那种落差感就…...

编程新知 2026/5/20 10:35:48

英雄联盟皮肤修改器R3nzSkin：从内存钩子到游戏逆向的完整技术指南

英雄联盟皮肤修改器R3nzSkin&#xff1a;从内存钩子到游戏逆向的完整技术指南 【免费下载链接】R3nzSkin Skin changer for League of Legends (LOL) 项目地址: https://gitcode.com/gh_mirrors/r3n/R3nzSkin R3nzSkin是一款专为《英雄联盟》设计的开源游戏皮肤修改器&a…...

编程新知 2026/5/20 10:32:30

不止于点灯：用STM32F103和JDY-23蓝牙，打造你的第一个智能家居原型（附OLED状态显示）

从原型到产品&#xff1a;基于STM32F103与JDY-23的智能家居开发实战 在创客圈里&#xff0c;用单片机控制LED灯可能是最入门的实验之一。但如何将一个简单的点灯Demo升级为具备产品思维的原型系统&#xff1f;这正是本文要探讨的核心。我们将以STM32F103C8T6为主控&#xff0c;…...

编程新知 2026/5/20 10:24:22

基于YOLO+DeepSeek的病虫害检测与环境监测一体化解决方案

智慧农业智能云平台 定位&#xff1a;基于YOLODeepSeek的病虫害检测与环境监测一体化解决方案&#x1f33e; 核心识别能力 • 支持作物&#xff1a;9种 作物 作物 作物 &#x1f33d; 玉米 &#x1f33e; 小麦 &#x1f33e; 水稻 &#x1f345; 番茄 &#x1f954; 马铃薯 &am…...

编程新知 2026/5/20 10:09:52

基于XCKU060 FPGA的高速数据采集卡硬件架构与开发实践

1. 项目概述与核心价值最近在做一个高速数据采集与实时处理的项目&#xff0c;对市面上的FPGA加速卡做了一圈调研和测试。其中&#xff0c;青翼这款基于XCKU060 FPGA的4路SFP光纤数据处理板卡&#xff08;型号PCIE734&#xff09;给我留下了挺深的印象。它本质上是一张插在服务…...

编程新知 2026/5/20 9:04:16

别再只会调P了！手把手教你调试STM32的PID参数，让恒流源输出又快又稳

从震荡到稳定&#xff1a;STM32恒流源PID参数调试实战指南 引言 当你的恒流源电路出现输出波动、响应迟缓或无法精确跟踪设定值时&#xff0c;问题往往不在硬件本身。许多工程师在完成LM324运放和三极管搭建的硬件平台后&#xff0c;面对不理想的电流控制效果&#xff0c;第一反…...

编程新知 2026/5/20 9:01:28

告别命令行恐惧：用FinalShell 4.3.10图形化连接Linux虚拟机（Windows 10环境）

告别命令行恐惧&#xff1a;FinalShell 4.3.10图形化连接Linux虚拟机全指南 对于刚接触Linux系统管理的开发者而言&#xff0c;命令行界面往往像一堵无形的墙。我曾见过不少同事面对闪烁的光标不知所措——直到发现FinalShell这类工具&#xff0c;才真正打开了高效运维的大门。…...

编程新知 2026/5/20 7:26:57

向量：一篇文章带你看清数学中最有“方向感“的概念

一、先讲一个让我"开窍"的故事 高中时第一次接触向量&#xff0c;老师在黑板上画了一个箭头&#xff0c;说&#xff1a;“这就是向量。” 我看着那个箭头&#xff0c;心想&#xff1a;这有什么稀奇的&#xff1f;不就是带方向的线段吗&#xff1f; 然后老师开始讲向量…...

编程新知 2026/5/20 6:30:59