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

HTML新手入门笔记整理:HTML基本介绍

网页

静态页面

仅可供用户浏览,不具备与服务器交互的功能。

动态页面

可供用户浏览,具备与服务器交互的功能。


HTML

HTML,全称HyperText Markup Language(超文本标记语言),是一种用于创建网页的标准标记语言。用于控制网页结构。

CSS,即Cascading Style Sheets(层叠样式表),用来控制网页外观的一种技术。

JS,JavaScript,一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行。用于控制网页行为。


基本结构


标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
  • 标签分为“单标签”和“双标签”

结构

<标签>内容</标签>

一般标签

由于有开始符号和结束符号,因此可以在内部插入其他标签或文字。

自闭合标签

由于只有开始符号而没有结束符号,因此不可以在内部插入标签或文字。所谓的“自闭合”,指的是本来要用一个配对的结束符号来关闭,然而它却“自己”关闭了。

标签

说明

<meta/>

定义网页的信息(供搜索引擎查看)

<link/>

引入“外部CSS文件”

<br/>

换行标签

<hr/>

水平线标签

<img/>

图片标签

<input/>

表单标签


注释方法

对代码进行注释,可以方便理解查找以便同一个项目组的人员快速理解你的代码。

  • 语法

<!--注释内容-->

  • 说明

<!-- -->注释标签。<!--表示注释的开始,-->表示注释的结束。


相关文章:

HTML新手入门笔记整理:HTML基本介绍

网页 静态页面 仅可供用户浏览&#xff0c;不具备与服务器交互的功能。 动态页面 可供用户浏览&#xff0c;具备与服务器交互的功能。 HTML HTML&#xff0c;全称HyperText Markup Language&#xff08;超文本标记语言&#xff09;,是一种用于创建网页的标准标记语言。用于…...

梯度引导的分子生成扩散模型- GaUDI 评测

GaUDI模型来自于以色列理工Tomer Weiss的2023年发表在预印本ChemRxiv上的工作 《Guided Diffusion for Inverse Molecular Design》。原文链接&#xff1a;Guided Diffusion for Inverse Molecular Design | Materials Chemistry | ChemRxiv | Cambridge Open Engage GaUDI模型…...

2023 年 亚太赛 APMCM ABC题 国际大学生数学建模挑战赛 |数学建模完整代码+建模过程全解全析

当大家面临着复杂的数学建模问题时&#xff0c;你是否曾经感到茫然无措&#xff1f;作为2022年美国大学生数学建模比赛的O奖得主&#xff0c;我为大家提供了一套优秀的解题思路&#xff0c;让你轻松应对各种难题。 以五一杯 A题为例子&#xff0c;以下是咱们做的一些想法呀&am…...

如何用cmd命令快速搭建FTP服务

环境&#xff1a; Win10专业版 问题描述&#xff1a; 如何用cmd命令快速搭建FTP服务 解决方案&#xff1a; 1.输入以下命令来安装IIS&#xff08;Internet Information Services&#xff09;&#xff1a; dism /online /enable-feature /featurename:IIS-FTPServer /all …...

数据结构学习笔记——多维数组、矩阵与广义表

目录 一、多维数组&#xff08;一&#xff09;数组的定义&#xff08;二&#xff09;二维数组&#xff08;三&#xff09;多维数组的存储&#xff08;四&#xff09;多维数组的下标的相关计算 二、矩阵&#xff08;一&#xff09;特殊矩阵和稀疏矩阵&#xff08;二&#xff09;…...

C++之常用的排序算法

C之常用的排序算法 sort #include<iostream> using namespace std; #include<vector> #include<algorithm> #include<functional> void Myptint(int val) {cout << val << " "; }void test() {vector<int> v;v.push_back(…...

Mac中LaTex无法编译的问题

最近在使用TexStudio时&#xff0c;遇到一个棘手的问题&#xff1a; 无法编译&#xff0c;提示如下&#xff1a; kpathsea: Running mktexfmt xelatex.fmt /Library/TeX/texbin/mktexfmt: kpsewhich -var-valueTEXMFROOT failed, aborting early. BEGIN failed–compilation a…...

【Python爬虫】8大模块md文档集合从0到scrapy高手,第7篇:selenium 数据提取详解

本文主要学习一下关于爬虫的相关前置知识和一些理论性的知识&#xff0c;通过本文我们能够知道什么是爬虫&#xff0c;都有那些分类&#xff0c;爬虫能干什么等&#xff0c;同时还会站在爬虫的角度复习一下http协议。 爬虫全套笔记地址&#xff1a; 请移步这里 共 8 章&#x…...

【python基础(三)】操作列表:for循环、正确缩进、切片的使用、元组

文章目录 一. 遍历整个列表1. 在for循环中执行更多操作2. 在for循环结束后执行一些操作 二. 避免缩进错误三. 创建数值列表1. 使用函数range()2. 使用range()创建数字列表3. 指定步长。4. 对数字列表执行简单的统计计算5. 列表解析 五. 使用列表的一部分-切片1. 切片2. 遍历切片…...

使用VSCode调试全志R128的C906 RISC-V核心

使用 VSCode 调试 调试 XuanTie C906 核心 准备工具 T-Head DebugServer&#xff08;CSkyDebugServer&#xff09; - 搭建调试服务器 下载地址&#xff1a;T-Head DebugServer手册&#xff1a;T-Head Debugger Server User Guide驱动&#xff1a;cklink_dirvers VSCode - 开…...

Node.js之http模块

http模块是什么&#xff1f; http 模块是 Node,js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法&#xff0c;就能方便的把一台普通的电脑&#xff0c;变成一台Web 服务器&#xff0c;从而对外提供 Web 资源服务。 如果我们想在node…...

golang 断点调试

1.碰见如下报错,调试器没有打印变量信息 Delve is too old for Go version 1.21.2 (maximum supported version 1.19) 2. 解决办法 升级delve delve是go语言的debug工具。 go install github.com/go-delve/delve/cmd/dlvlatest报错 Get “https://proxy.golang.org/github…...

定时器如何计算触发频率?

定时器触发频率的计算公式为&#xff1a;定时器时钟频率/&#xff08;预分频系数*计数周期1&#xff09;。其中&#xff0c;定时器时钟频率是指定时器所连接的总线频率&#xff0c;预分频系数和计数周期需要根据具体的需求进行设置。预分频系数用于将总线频率分频&#xff0c;计…...

【数据库】数据库中的检查点Checkpoint,数据落盘的重要时刻

检查点(checkpoint) ​专栏内容&#xff1a; 手写数据库toadb 本专栏主要介绍如何从零开发&#xff0c;开发的步骤&#xff0c;以及开发过程中的涉及的原理&#xff0c;遇到的问题等&#xff0c;让大家能跟上并且可以一起开发&#xff0c;让每个需要的人成为参与者。 本专栏会定…...

关于 Docker

关于 Docker 1. 术语Docker Enginedockerd&#xff08;Docker daemon&#xff09;containerdOCI (Open Container Initiative)runcDocker shimCRI (Container Runtime Interface)CRI-O 2. 容器启动过程在 Linux 中的实现daemon 的作用 Docker 是个划时代的开源项目&#xff0c;…...

​LeetCode解法汇总2342. 数位和相等数对的最大和

目录链接&#xff1a; 力扣编程题-解法汇总_分享记录-CSDN博客 GitHub同步刷题项目&#xff1a; https://github.com/September26/java-algorithms 原题链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 描述&#xff1a; 给你一个下…...

数据库的级联删除

级联删除是指在数据库中删除一个对象时&#xff0c;与该对象有关的其他对象也被自动删除。在 Django 中&#xff0c;级联删除通常通过在模型中定义外键时使用 on_delete 参数来实现。以下是一些常见的 on_delete 选项&#xff1a; 1.models.CASCADE: 当关联的对象被删除时&…...

【Python 千题 —— 基础篇】奇数列表

题目描述 题目描述 创建奇数列表。使用 for 循环创建一个包含 20 以内奇数的列表。 输入描述 无输入。 输出描述 输出创建的列表。 示例 示例 ① 输出&#xff1a; 创建的奇数列表为: [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]代码讲解 下面是本题的代码&#xff1a; #…...

当npm下载库失败时可以用cnpm替代

下载cnpm npm install -g cnpm --registryhttp://registry.npmmirror.com 然后使用cnpm代替npm下载即可 cnpm install...

PyTorch多GPU训练时同步梯度是mean还是sum?

PyTorch 通过两种方式可以进行多GPU训练: DataParallel, DistributedDataParallel. 当使用DataParallel的时候, 梯度的计算结果和在单卡上跑是一样的, 对每个数据计算出来的梯度进行累加. 当使用DistributedDataParallel的时候, 每个卡单独计算梯度, 然后多卡的梯度再进行平均.…...

增量备份为什么还是这么慢?KingbaseES块级永久增量备份给出答案!

&#x1f525;承渊政道&#xff1a;个人主页 ❄️个人专栏: 《C语言基础语法知识》 《数据结构与算法》 《C知识内容》 《Linux系统知识》 《算法刷题指南》 《测评文章活动推广》 《大模型语言路线学习》 ✨逆境不吐心中苦,顺境不忘来时路!✨ &#x1f3ac; 博主简介: 增量备…...

一句话搞定 PDF/Word/PPT全格式解析!AI 帮你从零搭建专属知识体系!

兄弟们&#xff0c;相信大家都尝试过各种各样的 Claw 了吧&#xff0c;OpenClaw、QClaw 等等&#xff0c;这些Agent 确实掀起了一股全民 AI 的热潮。 然而&#xff0c;我一直在思考一个问题&#xff0c;既然大模型精通世界上所有的知识&#xff0c;那么&#xff0c;我们人类最…...

ADS实战:手把手教你搭建一个2.4GHz超外差接收机(附完整仿真文件)

ADS实战&#xff1a;2.4GHz超外差接收机从零搭建到性能验证 在射频工程领域&#xff0c;能够将理论设计转化为可验证的电路实现是工程师的核心能力。本文将带您完整走通一个2.4GHz超外差接收机的ADS实现全流程&#xff0c;从空白原理图开始&#xff0c;到最终的性能验证&#x…...

跨文化自感经验的比较研究:Sh与佛学的概念对勘——解蔽、奠基与儒释道的元点汇通

跨文化自感经验的比较研究&#xff1a;Sh与佛学的概念对勘 ——解蔽、奠基与儒释道的元点汇通 摘要 自感痕迹论提出“Sh”这一概念&#xff0c;用以指称前反思、非对象化的纯粹自感场域——它是使一切具体感受得以被给予的先验条件。为避免Sh被误读为西方现象学传统的地方性建构…...

BabylonJS 6.0 实战:从零构建你的专属摄像机控制器

1. 认识BabylonJS摄像机控制器 第一次接触BabylonJS的开发者可能会对摄像机控制感到困惑。为什么我的模型转不动&#xff1f;为什么视角总是固定不变&#xff1f;其实这些问题都源于对摄像机控制机制的不了解。在3D场景中&#xff0c;摄像机就像我们的眼睛&#xff0c;而控制器…...

Gitee CodePecker SCA:打造开源组件安全治理的“黄金标准“

在数字化转型浪潮席卷全球的当下&#xff0c;开源软件已成为现代软件开发的基石。据最新行业数据显示&#xff0c;超过90%的企业在其IT系统中使用了开源组件&#xff0c;而令人担忧的是&#xff0c;超过70%的安全问题来源于开源或第三方组件。从震惊业界的Log4j问题到层出不穷的…...

Roo Code深度体验:多模式AI编程助手如何重塑开发工作流

1. 项目概述&#xff1a;你的编辑器里的AI开发团队 如果你和我一样&#xff0c;每天大部分时间都泡在代码编辑器里&#xff0c;那你肯定对“效率”这个词有执念。从写业务逻辑、重构旧代码、写文档到调试那些让人抓狂的Bug&#xff0c;每个环节都在和时间赛跑。过去几年&#x…...

ARM调试寄存器DBGDTRRX_EL0与DBGDTRTX_EL0详解

1. ARM调试寄存器概述在ARM架构的调试系统中&#xff0c;DBGDTRRX_EL0和DBGDTRTX_EL0是两个关键的数据传输寄存器&#xff0c;它们构成了处理器与调试器之间的通信桥梁。这两个寄存器属于ARMv8架构的调试寄存器组&#xff0c;专门用于在调试状态下进行数据交换。调试寄存器的工…...

SlimeNexus:基于Istio的智能服务网格管理组件实战解析

1. 项目概述与核心价值最近在折腾一个挺有意思的开源项目&#xff0c;叫 SlimeNexus。如果你在 GitHub 上搜过服务网格、Kubernetes 或者 Istio 相关的工具&#xff0c;可能对这个名字有点印象。简单来说&#xff0c;SlimeNexus 是一个构建在 Istio 之上的智能服务网格管理组件…...

AI Agent思考过程可视化直播:streamYourClaw架构与部署实战

1. 项目概述&#xff1a;一个让AI思考过程“直播”出来的开源系统最近在捣鼓AI Agent&#xff0c;发现一个挺有意思的事儿&#xff1a;我们能看到Agent的最终输出&#xff0c;但它内部的“思考”过程——比如它怎么拆解任务、如何决策、遇到了什么问题——对用户来说基本是个黑…...