HTML之实体和标签

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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/192348.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

代码随想录刷题题Day4

刷题的第四天&#xff0c;希望自己能够不断坚持下去&#xff0c;迎来蜕变。&#x1f600;&#x1f600;&#x1f600; 刷题语言&#xff1a;C / Python Day4 任务 ● 24. 两两交换链表中的节点 ● 19.删除链表的倒数第N个节点 ● 面试题 02.07. 链表相交 ● 142.环形链表II 1 …

大数据技术之Flume(超级详细)

大数据技术之Flume&#xff08;超级详细&#xff09; 第1章 概述 1.1 Flume定义 Flume是Cloudera提供的一个高可用的&#xff0c;高可靠的&#xff0c;分布式的海量日志采集、聚合和传输的系统。Flume基于流式架构&#xff0c;灵活简单。 1.2 Flume组成架构 Flume组成架构如…

(UM1724) STM32 Nucleo-64 boards User manual

STM32 Nucleo-64 评估板用户手册 0. 前言1. 介绍[^1]2. Ordering information2.1 包装编号说明3. 开发环境4. 跳线端子 ON/OFF 的约定5. 快速入门6. 硬件布局与配置6.10 扩展连接器6.11 ARDUINO 连接器6.12 ST morpho 连接器7. Nucleo-64 评估板信息0. 前言 【相关博文】 【

react-route-dom 实现简单的嵌套路由

最终效果 点击 to test1 点击to test2 > to test21 点击to test2 > to test22 代码如下 path: "page",element: <父组件 />,children: [{ path: "test1", element: <Test1 /> },{path: "test2",element: <Test2 />…

Springboot自定义starter

一、start背景和简介 1.背景 工作中经常需要将多个springboot项目共同的非业务模块抽取出来&#xff0c;比如访问日志、维护请求上下文中的用户信息或者链路id等等。此次模拟的是请求中用户信息维护&#xff0c;方便整个请求中用户信息的取用。 2.作用 根据项目组的实际需求…

【WPF.NET开发】创建简单WPF应用

本文内容 先决条件什么是 WPF&#xff1f;配置 IDE创建项目设计用户界面 (UI)调试并测试应用程序 通过本文你将熟悉在使用 Visual Studio 开发应用程序时可使用的许多工具、对话框和设计器。 你将创建“Hello, World”应用程序、设计 UI、添加代码并调试错误。在此期间&#…

Redis 集群模式与哨兵模式:详细对比与实例解析

Redis 集群模式与哨兵模式&#xff1a;详细对比与实例解析 Redis 是一个高性能的键值数据库&#xff0c;它支持多种部署模式以满足不同的可用性和一致性需求。在众多部署方式中&#xff0c;集群&#xff08;Cluster&#xff09;模式和哨兵&#xff08;Sentinel&#xff09;模式…

策略设计模式

package com.jmj.pattern.strategy;public interface Strategy {void show(); }package com.jmj.pattern.strategy;public class StrategyA implements Strategy{Overridepublic void show() {System.out.println("买一送一");} }package com.jmj.pattern.strategy;p…

Raft 算法

Raft 算法 1 背景 当今的数据中心和应用程序在高度动态的环境中运行&#xff0c;为了应对高度动态的环境&#xff0c;它们通过额外的服务器进行横向扩展&#xff0c;并且根据需求进行扩展和收缩。同时&#xff0c;服务器和网络故障也很常见。 因此&#xff0c;系统必须在正常…

编程实战:类C语法的编译型脚本解释器(二)

系列入口&#xff1a;编程实战&#xff1a;类C语法的编译型脚本解释器&#xff08;系列&#xff09;-CSDN博客 现在开始解释所有的设计思想和与源代码。先从外围入手&#xff0c;最后会进入到一个巨大的解析语法的类。 本文介绍TOKEN和变量。 目录 一、TOKEN 1.1 定义Token类…

opencv学习三:保存图片

文章目录 三、保存图片&#xff08;一&#xff09;imwrite()保存图片&#xff08;二&#xff09;代码 三、保存图片 &#xff08;一&#xff09;imwrite()保存图片 retval cv2.imwrite(filename,img,params)filename的数据类型是const String&&#xff0c;这里要填入的参…

组件化编程

hello&#xff0c;我是小索奇&#xff0c;精心制作的Vue系列持续发放&#xff0c;涵盖大量的经验和示例&#xff0c;如果对您有用&#xff0c;可以点赞收藏哈~ 组件化编程 组件是什么&#xff1f; 一句话概括就是&#xff1a;实现特定功能的模块化代码单元 vm就是大哥&#xff…

flink源码分析之功能组件(四)-slot管理组件II

简介 本系列是flink源码分析的第二个系列&#xff0c;上一个《flink源码分析之集群与资源》分析集群与资源&#xff0c;本系列分析功能组件&#xff0c;kubeclient&#xff0c;rpc&#xff0c;心跳&#xff0c;高可用&#xff0c;slotpool&#xff0c;rest&#xff0c;metrics&…

各种外部排序的总结

多路归并 败者树 置换选择排序 最佳归并树

linux进程优先级_nice

4.1.3.4 进程优先级&#xff1a;nice nice以更改过的优先序来执行程序&#xff0c;如果未指定程序&#xff0c;则会印出目前的排程优先序&#xff0c;内定的 adjustment 为 10&#xff0c;范围为 -20&#xff08;最高优先序&#xff09;到 19&#xff08;最低优先序&#xff0…

认识K线形态,把握买入卖出时机

一、认识K线 1、K线的含义 股票一天之内有4个最关键的价格&#xff0c;开盘价、收盘价、最高价和最低价&#xff0c;把这个价格显示在图上就是K线图。 以金斗云智投电脑版为例&#xff0c;打开软件&#xff0c;任意搜索一支个股&#xff0c;就可以看到这支股票的K线。 股市新…

数据链路层之网桥

学习的最大理由是想摆脱平庸&#xff0c;早一天就多一份人生的精彩&#xff1b;迟一天就多一天平庸的困扰。各位小伙伴&#xff0c;如果您&#xff1a; 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持&#xff0c;想组团高效学习… 想写博客但无从下手&#xff0c;急需…

【MQ核心概念理解】

文章目录 一、MQ介绍1、什么是MQ&#xff1f;为什么要用MQ&#xff1f;中间服务要保证这些系统可以正常工作&#xff0c;应该要有哪些特性呢&#xff1f;2、MQ的优缺点 一、MQ介绍 1、什么是MQ&#xff1f;为什么要用MQ&#xff1f; ChatGPT中对于消息队列的介绍是这样的&…

更改AndroidStudio模拟器位置

C盘何等的珍贵&#xff0c;可是好多工具&#xff0c;软件非得默认安装在C盘。。导致C盘越来越紧张。。 在日常使用过程中&#xff0c;安装任何软件都会将其安装到非系统盘下&#xff0c;Android模拟器也不能例外。保护好C盘也是日常一个良好的习惯。 Android AVD默认路径&…

ES6知识点

ES6 知识点及常考面试题 var、let 及 const 区别 涉及面试题&#xff1a;什么是提升&#xff1f;什么是暂时性死区&#xff1f;var、let 及 const 区别&#xff1f;对于这个问题&#xff0c;我们应该先来了解提升&#xff08;hoisting&#xff09;这个概念。 console.log(a)…