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

HTML之实体和标签

news 2026/4/2 3:47:31

HTML之实体和标签

  • 实体
  • 标签
    • meta标签
    • 语义化标签
    • 列表
    • 超链接

实体

如果我们需要在网页中书写一些特殊符号，则需要在html中使用【实体】（转义符）
实体语法：
&实体的名字;

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>实体</title>
</head>
<body><!-- 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格在html中有时候不能直接写一些特殊符号，比如，多个连续的空格， 比如字母两侧的大于小于号如果我们需要在网页中书写一些特殊符号，则需要在html中使用【实体】（转义符）实体语法：&实体的名字;&nbsp; 空格&gt; 大于&lt; 小于&copy; 版权符号搜索使用w3school,或者zeal--><p>今天&nbsp;天气真不错！！</p>  <p>a < b > c <br/>a&gt;b&lt;c</p>
</body>
</html>

标签

meta标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!-- mate主要用于设置网页中的一些元数据，元数据不是给用户看的charset 指定网页的字符集name 指定数据的名称content 指定的数据的内容keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,(逗号)隔开<meta name="description"content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/><meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/><meta name="keywords" content="网购,网上购物,在线购物,网购网站,网购商城,购物网站,网购中心,购物中心,卓越,亚马逊,卓越亚马逊,亚马逊中国,joyo,amazon">--><meta name="keywords" content="HTML,前端,CSS3"><meta name="description" content="这是一个非常棒的网站！"><!-- Redirect page after 3 seconds --><!-- <meta http-equiv="refresh" content="3;url=https://www.mozilla.org" /> 将网页重定向到另一个网站--><meta http-equiv="refresh" content="3;url=https://www.baidu.com"><title>meta标签</title>
</head>
<body>
</body>
</html>

语义化标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><!-- 在网页中HTML专门负责网页的结构所以在使用html标签时，应该关注的是标签的语义，而不是它的样式，标题标签：从h1~h6一共有6级标题从h1~h6重要性递减，h1最重要，h6不重要从h1在网页中的重要性仅次于title标签，一般情况下页面中只会有一个h1一般情况下标题标签指挥使用到h1-h3,h4-h6很少用在页面中独占一行的元素称为块元素（block element）还有一种叫行内元素，不会独占一行--><!-- <h1>一级标题</h1> --><hgroup><h1>回乡偶书</h1><h2>其一</h2></hgroup><p>在p标签中的内容，就表示一个段落</p><p>在p标签中的内容，就表示一个段落</p><!-- em标签用于表示语音语调的加重在页面中不会独占一行的元素称为行内元素（inline element）--><p>今天天气<em>真</em>不错！！</p><!-- strong表示强调，重要内容！ --><p>你今天必须要<strong>完成作业</strong>！</p>鲁迅说：<!-- blockquote表示长引用 --><blockquote>世界上本没有路，走的人多了变成了路。</blockquote><!-- q表示一个短引用 -->子曰：<q>学而时习之，不亦乐乎！</q>
</body>
</html>

列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><!-- 列表：（list）1.铅笔2.尺子3.橡皮在html中也可以创建列表，html列表一共有三种：1.有序列表2.无序列表3.定义列表有序列表，使用ol标签来创建有序列表使用li表示列表项无序列表，使用ul标签来创建无序列表使用li表示列表项定义列表，使用dl标签来创建一个定义列表使用dt来表示定义的内容使用dd来对内容进行解释说明列表之间可以互相嵌套--><ul><li>结构</li><li>表现</li><li>行为</li></ul><ol><li>结构</li><li>表现</li><li>行为</li></ol><dl><dt>结构</dt><dt>结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落</dt><dd>用来对内容进行解释说名<dd>dd嵌套一层，不起作用</dd></dd></dl><ul><li>数据</li><ul><li>列表</li><ul><li>第三个表</li></ul></ul></ul>
</body>
</html>

超链接

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>超链接</title>
</head>
<body><!-- 超链接可以让我们从一个页面跳转到其他页面或者当前页面的其他位置使用 a 标签来定义超链接属性：href 指定跳转的目标路径超链接也是一个行内元素，在a标签中可以嵌套任何的元素--><a href="https://www.baidu.com/">超链接</a><br><br><a href="">超链接</a>
</body>
</html>

相关文章：

HTML之实体和标签

HTML之实体和标签 实体标签meta标签语义化标签列表超链接 实体 如果我们需要在网页中书写一些特殊符号&#xff0c;则需要在html中使用【实体】&#xff08;转义符&#xff09; 实体语法&#xff1a; &实体的名字; <!DOCTYPE html> <html lang"en"> …...

编程日记 2023/12/3 9:33:27

【小布_ORACLE笔记】Part11-1--RMAN Backups

Oracle的数据备份于恢复RMAN Backups 学习第11章需要掌握&#xff1a; 一.RMAN的备份类型 二.使用backup命令创建备份集 三.创建备份文件 四.备份归档日志文件 五.使用RMAN的copy命令创建镜像拷贝 文章目录 Oracle的数据备份于恢复RMAN Backups1.RMAN Backup Concepts&#x…...

编程日记 2023/12/3 9:30:25

卷积神经网络-3D医疗影像识别

文章目录 一、前言二、前期工作1. 介绍2. 加载和预处理数据 二、构建训练和验证集三、数据增强四、数据可视化五、构建3D卷积神经网络模型六、训练模型七、可视化模型性能八、对单次 CT 扫描进行预测 一、前言 我的环境&#xff1a; 语言环境&#xff1a;Python3.6.5编译器&a…...

编程日记 2023/12/3 9:29:24

C++基础 -33- 单目运算符重载

单目运算符重载格式 a和a通过形参确定 data1 operator() {this->a;return *this; }data1 operator(int) {data1 temp*this;this->a;return temp; }举例使用单目运算符重载 #include "iostream"using namespace std;class data1 {public :int a;data1(int…...

编程日记 2023/12/3 9:27:22

[传智杯 #3 初赛] 课程报名

题目描述 传智播客推出了一款课程&#xff0c;并进行了一次促销活动。具体来说就是&#xff0c;课程的初始定价为 v 元&#xff1b;每报名 m 个学员&#xff0c;课程的定价就要提升 a 元。由于课程能够容纳的学生有限&#xff0c;因此报名到 n 人的时候就停止报名。 现在老师…...

编程日记 2023/12/3 9:24:19

华为OD机试 - 悄悄话（Java JS Python C）

题目描述 给定一个二叉树，每个节点上站一个人，节点数字表示父节点到该节点传递悄悄话需要花费的时间。 初始时，根节点所在位置的人有一个悄悄话想要传递给其他人，求二叉树所有节点上的人都接收到悄悄话花费的时间。 输入描述 给定二叉树 0 9 20 -1 -1 15 7 -1 -1 -1 -1 …...

编程日记 2023/12/3 9:23:18

LeetCode - 965. 单值二叉树（C语言，二叉树，配图）

二叉树每个节点都具有相同的值&#xff0c;我们就可以比较每个树的根节点与左右两个孩子节点的值是否相同&#xff0c;如果不同返回false&#xff0c;否则&#xff0c;返回true。 如果是叶子节点&#xff0c;不存在还孩子节点&#xff0c;则这个叶子节点为根的树是单值二叉树。…...

编程日记 2023/12/3 9:21:16

每日一题(LeetCode)----哈希表--三数之和

每日一题(LeetCode)----哈希表–三数之和 1.题目&#xff08;15. 三数之和&#xff09; 给你一个整数数组 nums &#xff0c;判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k &#xff0c;同时还满足 nums[i] nums[j] nums[k] 0 。请 你返回所…...

编程日记 2023/12/3 9:19:15

DL中的GPU使用问题

写在前面 在使用GPU进行深度学习训练经常会遇到下面几个问题&#xff0c;这里做一个解决方法的汇总。 &#x1f415;Q1&#x1f415;&#xff1a;在一个多卡服务器上&#xff0c;指定了cuda:1&#xff0c;但是0号显卡显存还是会被占用一定量的显存。 这个问题很经典的出现场景就…...

编程日记 2023/12/3 9:14:10

Linux命令——watch

watch是周期性的执行下个程序&#xff0c;并全屏显示执行结果 用法&#xff1a; vmfedora:~$ watch --helpUsage:watch [options] commandOptions:-b, --beep beep if command has a non-zero exit-c, --color interpret ANSI color and style sequen…...

编程日记 2023/12/3 9:12:08

力扣题:字符的统计-12.2

力扣题-12.2 [力扣刷题攻略] Re&#xff1a;从零开始的力扣刷题生活 力扣题1&#xff1a;423. 从英文中重建数字 解题思想&#xff1a;有的单词通过一个字母就可以确定&#xff0c;依次确定即可 class Solution(object):def originalDigits(self, s):""":typ…...

编程日记 2023/12/3 9:10:07

Python----Pandas

目录 Series属性 DataFrame的属性 Pandas的CSV文件 Pandas数据处理 Pandas的主要数据结构是Series&#xff08;一维数据&#xff09;与DataFrame&#xff08;二维数据&#xff09; Series属性 Series的属性如下&#xff1a; 属性描述pandas.Series(data,index,dtype,nam…...

编程日记 2023/12/3 9:07:04

【UE】UEC++获取屏幕颜色GetPixelFromCursorPosition()

目录 【UE】UE C 获取屏幕颜色GetPixelFromCursorPosition() 一、函数声明与定义 二、函数的调用 三、运行结果 【UE】UE C 获取屏幕颜色GetPixelFromCursorPosition() 一、函数声明与定义 创建一个蓝图方法库方法 GetPixelFromCursorPosition()&#xff0c;并给他指定UF…...

编程日记 2023/12/3 9:05:03

数学建模-基于BL回归模型和决策树模型对早产危险因素的探究和预测

整体求解过程概述(摘要) 近年来&#xff0c;全球早产率总体呈上升趋势&#xff0c;在我国&#xff0c;早产儿以每年 20 万的数目逐年递增&#xff0c;目前早产已经成为重大的公共卫生问题之一。据研究,早产是威胁胎儿及新生儿健康的重要因素&#xff0c;可能会造成死亡或智力体…...

编程日记 2023/12/3 9:01:00

接口测试 —— 接口测试的意义

1、接口测试的意义&#xff08;优势&#xff09; &#xff08;1&#xff09;更早的发现问题&#xff1a; 不少的测试资料中强调&#xff0c;测试应该更早的介入到项目开发中&#xff0c;因为越早的发现bug&#xff0c;修复的成本越低。 然而功能测试必须要等到系统提供可测试…...

编程日记 2023/12/3 8:56:56

一些常见的爬虫库

一些常见的爬虫库&#xff0c;并按功能和用途进行分类&#xff1a; 通用爬虫库&#xff1a; Beautiful Soup&#xff1a;用于解析HTML和XML文档&#xff0c;方便地提取数据。Requests&#xff1a;用于HTTP请求&#xff0c;获取网页内容。Scrapy&#xff1a;一个强大的爬虫框架…...

编程日记 2023/12/3 8:55:55

2023.12.2 做一个后台管理网页（左侧边栏实现手风琴和隐藏/出现效果）

2023.12.2 做一个后台管理网页&#xff08;左侧边栏实现手风琴和隐藏/出现效果&#xff09; 网页源码见附件&#xff0c;比较简单&#xff0c;之前用很多种方法实现过该效果&#xff0c;这次的效果相对更好。 实现功能&#xff1a; &#xff08;1&#xff09;实现左侧边栏的手…...

编程日记 2023/12/3 8:54:54

【EMFace】《EMface: Detecting Hard Faces by Exploring Receptive Field Pyramids》

arXiv-2021 文章目录 1 Background and Motivation2 Related Work3 Advantages / Contributions4 Method5 Experiments5.1 Datasets and Metrics5.2 Ablation Study5.3 Comparison with State-of-the-Arts 6 Conclusion&#xff08;own&#xff09; 1 Background and Motivatio…...

编程日记 2023/12/3 8:52:51

详细学习Pyqt5的20种输入控件（Input Widgets）

Pyqt5相关文章: 快速掌握Pyqt5的三种主窗口 快速掌握Pyqt5的2种弹簧 快速掌握Pyqt5的5种布局 快速弄懂Pyqt5的5种项目视图&#xff08;Item View&#xff09; 快速弄懂Pyqt5的4种项目部件&#xff08;Item Widget&#xff09; 快速掌握Pyqt5的6种按钮 快速掌握Pyqt5的10种容器&…...

编程日记 2023/12/3 8:50:50

【JavaEE初阶】Thread 类及常见方法、线程的状态

目录 1、Thread 类及常见方法 1.1 Thread 的常见构造方法 1.2 Thread 的几个常见属性 1.3 启动⼀个线程 - start() 1.4 中断⼀个线程 1.5 等待⼀个线程 - join() 1.6 获取当前线程引用 1.7 休眠当前线程 2、线程的状态 2.1 观察线程的所有状态 2.2 线程状态和状…...

编程日记 2023/12/3 8:49:49

如何写 Skill

核心概念 Skill 是一个自包含的模块&#xff0c;用来给 Claude/Cascade 注入特定领域的知识、工作流和工具。本质上就是一个"新手入职指南"&#xff0c;让通用 AI 变成某个领域的专家。 目录结构 skill-name/ ├── SKILL.md # 必须&#xff0c;核心文件 └…...

编程新知 2026/4/2 1:32:12

AI命理工具实测：主流大模型八字紫微能力对比及避坑指南

1. AI命理新风向&#xff1a;当大模型碰撞传统术数 最近身边刮起了一阵“AI命理”的热潮&#xff1a;做开发的朋友电脑里存着排盘工具包&#xff0c;运营岗的同事午休时在研究紫微斗数星曜含义&#xff0c;就连开策划会的间隙&#xff0c;都有人拿着AI输出的六爻结果讨论项目走…...

编程新知 2026/4/2 1:12:02

DOL-CHS-MODS整合包零基础精通指南：从安装到定制全方位教程

DOL-CHS-MODS整合包零基础精通指南&#xff1a;从安装到定制全方位教程 【免费下载链接】DOL-CHS-MODS Degrees of Lewdity 整合 项目地址: https://gitcode.com/gh_mirrors/do/DOL-CHS-MODS 项目价值定位 DOL-CHS-MODS作为Degrees of Lewdity的中文整合方案&#xff0…...

编程新知 2026/4/2 0:59:54

Arduino嵌入式SD卡逐行读取库ReadLines详解

1. 项目概述ReadLines 是一个专为 Arduino 平台设计的轻量级文件行读取库&#xff0c;核心目标是解决嵌入式系统中对 SD 卡文本文件进行逐行解析这一高频但易出错的操作需求。在资源受限的 MCU 环境下&#xff08;如 ESP8266、STM32F103C8T6、ATmega328P&#xff09;&#xff0…...

编程新知 2026/4/2 0:53:48

IDEA插件MyBatisX实战：3分钟搞定SpringBoot项目CRUD代码生成

MyBatisX插件全流程实战&#xff1a;SpringBoot项目CRUD代码生成效率革命 在快节奏的企业级开发中&#xff0c;重复编写基础CRUD代码就像在键盘上跳机械舞——动作标准却毫无新意。当项目包含20张以上数据表时&#xff0c;手动创建Entity、Mapper、Service等层级代码会消耗开发…...

编程新知 2026/4/2 0:12:46

指挥OpenClaw抓取数据折腾了一夜，我终于想到了邪修玩法

这段时间玩小龙虾玩得真上头&#xff0c;突然想起之前一直想要统计公众号的数据。 这工作交给小龙虾妥妥能胜任啊&#xff01;但是吧……实际上执行出来的结果却不是这样的。 因为小白本地使用的是OpenClawAtomgit的方案&#xff0c;Atomgit主打一个不费一分钱&#xff0c;免…...

编程新知 2026/4/1 23:32:19

3步搭建高效NTQQ机器人：LuckyLilliaBot全功能配置指南

3步搭建高效NTQQ机器人&#xff1a;LuckyLilliaBot全功能配置指南 【免费下载链接】LuckyLilliaBot NTQQ的OneBot API插件 项目地址: https://gitcode.com/gh_mirrors/li/LuckyLilliaBot LuckyLilliaBot是一款基于OneBot11协议的NTQQ机器人框架&#xff0c;它能帮助开发…...

编程新知 2026/4/1 23:03:56

屏幕取色与设计辅助工具 ColorWanted：提升设计师与开发者工作效率的专业解决方案

屏幕取色与设计辅助工具 ColorWanted&#xff1a;提升设计师与开发者工作效率的专业解决方案 【免费下载链接】ColorWanted Screen color picker for Windows (Windows 上的屏幕取色器) 项目地址: https://gitcode.com/gh_mirrors/co/ColorWanted 你是否曾遇到这样的工作…...

编程新知 2026/4/1 22:55:40

485总线硬件设计必看：电平匹配、TVS防护，还有exmodbus库快速上手

RS485是工业物联网的标配通信接口。合宙Air780EHV系列Cat.1模组凭借强大外设扩展能力&#xff08;LCD、摄像头、以太网、CAN等&#xff09;和LuatOS高效开发环境&#xff0c;支持TCP/MQTT/HTTP/Modbus等主流协议&#xff0c;是工业场景的高性价比之选。 本文聚焦RS485实战&…...

编程新知 2026/4/1 22:23:19

一步步教你：星图平台部署Qwen3-VL:30B完整流程，Clawdbot飞书集成实战

一步步教你&#xff1a;星图平台部署Qwen3-VL:30B完整流程&#xff0c;Clawdbot飞书集成实战 想象一下这个场景&#xff1a;你的团队在飞书群里讨论产品设计&#xff0c;有人发了一张UI截图问“这个按钮位置是不是太靠下了&#xff1f;”&#xff1b;财务同事上传了一张发票照…...

编程新知 2026/4/1 21:42:37