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基本介绍
网页 静态页面 仅可供用户浏览,不具备与服务器交互的功能。 动态页面 可供用户浏览,具备与服务器交互的功能。 HTML HTML,全称HyperText Markup Language(超文本标记语言),是一种用于创建网页的标准标记语言。用于…...
梯度引导的分子生成扩散模型- GaUDI 评测
GaUDI模型来自于以色列理工Tomer Weiss的2023年发表在预印本ChemRxiv上的工作 《Guided Diffusion for Inverse Molecular Design》。原文链接:Guided Diffusion for Inverse Molecular Design | Materials Chemistry | ChemRxiv | Cambridge Open Engage GaUDI模型…...
2023 年 亚太赛 APMCM ABC题 国际大学生数学建模挑战赛 |数学建模完整代码+建模过程全解全析
当大家面临着复杂的数学建模问题时,你是否曾经感到茫然无措?作为2022年美国大学生数学建模比赛的O奖得主,我为大家提供了一套优秀的解题思路,让你轻松应对各种难题。 以五一杯 A题为例子,以下是咱们做的一些想法呀&am…...
如何用cmd命令快速搭建FTP服务
环境: Win10专业版 问题描述: 如何用cmd命令快速搭建FTP服务 解决方案: 1.输入以下命令来安装IIS(Internet Information Services): dism /online /enable-feature /featurename:IIS-FTPServer /all …...
数据结构学习笔记——多维数组、矩阵与广义表
目录 一、多维数组(一)数组的定义(二)二维数组(三)多维数组的存储(四)多维数组的下标的相关计算 二、矩阵(一)特殊矩阵和稀疏矩阵(二)…...
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时,遇到一个棘手的问题: 无法编译,提示如下: 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 数据提取详解
本文主要学习一下关于爬虫的相关前置知识和一些理论性的知识,通过本文我们能够知道什么是爬虫,都有那些分类,爬虫能干什么等,同时还会站在爬虫的角度复习一下http协议。 爬虫全套笔记地址: 请移步这里 共 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(CSkyDebugServer) - 搭建调试服务器 下载地址:T-Head DebugServer手册:T-Head Debugger Server User Guide驱动:cklink_dirvers VSCode - 开…...
Node.js之http模块
http模块是什么? http 模块是 Node,js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer() 方法,就能方便的把一台普通的电脑,变成一台Web 服务器,从而对外提供 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…...
定时器如何计算触发频率?
定时器触发频率的计算公式为:定时器时钟频率/(预分频系数*计数周期1)。其中,定时器时钟频率是指定时器所连接的总线频率,预分频系数和计数周期需要根据具体的需求进行设置。预分频系数用于将总线频率分频,计…...
【数据库】数据库中的检查点Checkpoint,数据落盘的重要时刻
检查点(checkpoint) 专栏内容: 手写数据库toadb 本专栏主要介绍如何从零开发,开发的步骤,以及开发过程中的涉及的原理,遇到的问题等,让大家能跟上并且可以一起开发,让每个需要的人成为参与者。 本专栏会定…...
关于 Docker
关于 Docker 1. 术语Docker Enginedockerd(Docker daemon)containerdOCI (Open Container Initiative)runcDocker shimCRI (Container Runtime Interface)CRI-O 2. 容器启动过程在 Linux 中的实现daemon 的作用 Docker 是个划时代的开源项目,…...
LeetCode解法汇总2342. 数位和相等数对的最大和
目录链接: 力扣编程题-解法汇总_分享记录-CSDN博客 GitHub同步刷题项目: https://github.com/September26/java-algorithms 原题链接:力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台 描述: 给你一个下…...
数据库的级联删除
级联删除是指在数据库中删除一个对象时,与该对象有关的其他对象也被自动删除。在 Django 中,级联删除通常通过在模型中定义外键时使用 on_delete 参数来实现。以下是一些常见的 on_delete 选项: 1.models.CASCADE: 当关联的对象被删除时&…...
【Python 千题 —— 基础篇】奇数列表
题目描述 题目描述 创建奇数列表。使用 for 循环创建一个包含 20 以内奇数的列表。 输入描述 无输入。 输出描述 输出创建的列表。 示例 示例 ① 输出: 创建的奇数列表为: [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]代码讲解 下面是本题的代码: #…...
当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块级永久增量备份给出答案!
🔥承渊政道:个人主页 ❄️个人专栏: 《C语言基础语法知识》 《数据结构与算法》 《C知识内容》 《Linux系统知识》 《算法刷题指南》 《测评文章活动推广》 《大模型语言路线学习》 ✨逆境不吐心中苦,顺境不忘来时路!✨ 🎬 博主简介: 增量备…...
一句话搞定 PDF/Word/PPT全格式解析!AI 帮你从零搭建专属知识体系!
兄弟们,相信大家都尝试过各种各样的 Claw 了吧,OpenClaw、QClaw 等等,这些Agent 确实掀起了一股全民 AI 的热潮。 然而,我一直在思考一个问题,既然大模型精通世界上所有的知识,那么,我们人类最…...
ADS实战:手把手教你搭建一个2.4GHz超外差接收机(附完整仿真文件)
ADS实战:2.4GHz超外差接收机从零搭建到性能验证 在射频工程领域,能够将理论设计转化为可验证的电路实现是工程师的核心能力。本文将带您完整走通一个2.4GHz超外差接收机的ADS实现全流程,从空白原理图开始,到最终的性能验证&#x…...
跨文化自感经验的比较研究:Sh与佛学的概念对勘——解蔽、奠基与儒释道的元点汇通
跨文化自感经验的比较研究:Sh与佛学的概念对勘 ——解蔽、奠基与儒释道的元点汇通 摘要 自感痕迹论提出“Sh”这一概念,用以指称前反思、非对象化的纯粹自感场域——它是使一切具体感受得以被给予的先验条件。为避免Sh被误读为西方现象学传统的地方性建构…...
BabylonJS 6.0 实战:从零构建你的专属摄像机控制器
1. 认识BabylonJS摄像机控制器 第一次接触BabylonJS的开发者可能会对摄像机控制感到困惑。为什么我的模型转不动?为什么视角总是固定不变?其实这些问题都源于对摄像机控制机制的不了解。在3D场景中,摄像机就像我们的眼睛,而控制器…...
Gitee CodePecker SCA:打造开源组件安全治理的“黄金标准“
在数字化转型浪潮席卷全球的当下,开源软件已成为现代软件开发的基石。据最新行业数据显示,超过90%的企业在其IT系统中使用了开源组件,而令人担忧的是,超过70%的安全问题来源于开源或第三方组件。从震惊业界的Log4j问题到层出不穷的…...
Roo Code深度体验:多模式AI编程助手如何重塑开发工作流
1. 项目概述:你的编辑器里的AI开发团队 如果你和我一样,每天大部分时间都泡在代码编辑器里,那你肯定对“效率”这个词有执念。从写业务逻辑、重构旧代码、写文档到调试那些让人抓狂的Bug,每个环节都在和时间赛跑。过去几年&#x…...
ARM调试寄存器DBGDTRRX_EL0与DBGDTRTX_EL0详解
1. ARM调试寄存器概述在ARM架构的调试系统中,DBGDTRRX_EL0和DBGDTRTX_EL0是两个关键的数据传输寄存器,它们构成了处理器与调试器之间的通信桥梁。这两个寄存器属于ARMv8架构的调试寄存器组,专门用于在调试状态下进行数据交换。调试寄存器的工…...
SlimeNexus:基于Istio的智能服务网格管理组件实战解析
1. 项目概述与核心价值最近在折腾一个挺有意思的开源项目,叫 SlimeNexus。如果你在 GitHub 上搜过服务网格、Kubernetes 或者 Istio 相关的工具,可能对这个名字有点印象。简单来说,SlimeNexus 是一个构建在 Istio 之上的智能服务网格管理组件…...
AI Agent思考过程可视化直播:streamYourClaw架构与部署实战
1. 项目概述:一个让AI思考过程“直播”出来的开源系统最近在捣鼓AI Agent,发现一个挺有意思的事儿:我们能看到Agent的最终输出,但它内部的“思考”过程——比如它怎么拆解任务、如何决策、遇到了什么问题——对用户来说基本是个黑…...
