HTML中的文字/分区标记/特殊符号

1.font标记:用来设置文字的字体,大小,颜色,等属性

<!--font:font标记用来设置字体大小颜色属性size:设置字号,默认是3号,+1表示4号,-1表示2号,取值范围是[+1,+7]或[-7,-1]color:设置文字的颜色,有 black blue gray green lime...共16钟face:设置字体,默认为宋体--><font size="+1" color="green" face="宋体"> 潇潇暮雨子规啼</font>

2.hn标记:标题标记,n为1~6,n越大标题越小

 <!-- hn:标题标记属性align:对齐方式有 left right center--><h2>我是一个标题</h2>

3.段落标记p,自动再段落前后换行的

4.br换行标记是一个单标记,两个换行标记相当于一个p

 <!-- p:段落标记,自动再段落前后添加换行属性align:对齐方式有 left right center--><p>大家好!</p>

4.预格式化标记pre:保留源代码中的格式

    <!-- pre:预格式化标记  保留源代码中的格式 --><pre>hey will be staying for five days.How long time will you be staying? </pre>

 

5.居中标记center 

    <!--center: 居中 --><center>Are you ok?</center>

6.缩排标记 blockquote:左侧缩进,而且让字数变得紧凑

 <!--blockquote: 缩排标记 左侧缩进,而且让字数变得紧凑--><blockquote>The Greenwood Boys are a group of pop singers.At present,they are visiting all partsof the country.They will be arrving here tomorrow.They will be comming by train and most of the young people in thw town will be meeting themat the station. Tomorrow evening they will be singing at the Wrokers' Club.The Greenwood Boys will be staying five days. During this time,they will give five performances.As usual,the police will have a difficult time.they will be trying keep  order.It is always the same one these occasions.</blockquote>

7.水平线标记hr:就是一条分割线

<!-- hr:水平线 size:大小width:宽度color=水平线颜色align:对齐方式 默认居中center 也可以left right --><hr/ size="5%"  width="100%" color="red" align="right" >

 

8.常用特殊符号

        符号         功能

        &nbsp;:      表示一个空格

        &yen;:       钱的符号

        sup;:        下标

        sup;:        上标

        &lt;:        <

        &gt;:        >

        &copy:       ©

        &trade;:     tm

        &hellip;:    ...

        &Prime;:     "

        ^prime;:     '

<!-- i/em:都表示斜体 --><p>你好 <i>你好</i> <em>你好</em></p><!-- b/strong:都表示加粗 --><p>say hello <strong>say hello</strong> <b>say hello</b></p><!-- 符号         功能&nbsp;:      表示一个空格 &yen;:       钱的符号sup;:        下标sup;:        上标&lt;:        <&gt;:        >&copy:       ©&trade;:     tm&hellip;:    ...&Prime;:     "^prime;:     '--><p>x<sup>2</sup>+y<sup>2</sup>=z<sup>2</sup>&nbsp;   10&yen;&nbsp; H<sub>2</sub>O</p><p>2&gt;1</p><p>1&lt;2</p><p>12&trade;</p><p>&Prime;me&Prime;</p><p>&prime;me&prime;</p><p>&hellip;</p>

效果:

所有代码


<html>
<head><title>东方翱翔</title>
</head><!-- 
bgcolor:背景颜色
bgcolor="blue"background:背景图片
background="./imgs/B.jpg"link alink vlink:超链接访问前后的颜色
link="green" alink="yellow" vlink="black"--><body><!-- p:段落标记 有自动换行的功能 --><!--font:font标记用来设置字体大小颜色属性size:设置字号,默认是3号,+1表示4号,-1表示2号,取值范围是[+1,+7]或[-7,-1]color:设置文字的颜色,有 black blue gray green lime...共16钟face:设置字体,默认为宋体--><font size="+1" color="green" face="宋体"> 潇潇暮雨子规啼</font><!-- hn:标题标记,属性align:对齐方式有 left right center--><h2>我是一个标题</h2><!-- p:段落标记,自动再段落前后添加换行属性align:对齐方式有 left right center--><p>大家好!</p><!-- pre:预格式化标记  保留源代码中的格式 --><pre>hey will be staying for five days.How long time will you be staying? </pre><!--center: 居中 --><center>Are you ok?</center><!-- hr:水平线 size:大小width:宽度color=水平线颜色align:对齐方式 默认居中center 也可以left right --><hr/ size="5%"  width="100%" color="red" align="right" ><!--blockquote: 缩排标记 左侧缩进,而且让字数变得紧凑--><blockquote>The Greenwood Boys are a group of pop singers.At present,they are visiting all partsof the country.They will be arrving here tomorrow.They will be comming by train and most of the young people in the town will be meeting themat the station. Tomorrow evening they will be singing at the Wrokers' Club.The Greenwood Boys will be staying five days. During this time,they will give five performances.As usual,the police will have a difficult time.they will be trying keep  order.It is always the same one these occasions.</blockquote><hr/ color="red"><!-- hr:水平线 --><!-- i/em:都表示斜体 --><p>你好 <i>你好</i> <em>你好</em></p><!-- b/strong:都表示加粗 --><p>say hello <strong>say hello</strong> <b>say hello</b></p><!-- 符号         功能&nbsp;:      表示一个空格 &yen;:       钱的符号sup;:        下标sup;:        上标&lt;:        <&gt;:        >&copy:       ©&trade;:     tm&hellip;:    ...&Prime;:     "^prime;:     '--><p>x<sup>2</sup>+y<sup>2</sup>=z<sup>2</sup>&nbsp;   10&yen;&nbsp; H<sub>2</sub>O</p><p>2&gt;1</p><p>1&lt;2</p><p>12&trade;</p><p>&Prime;me&Prime;</p><p>&prime;me&prime;</p><p>&hellip;</p><hr><p align="right"> 东方翱翔 &copy;版权所有</p></body>
</html>

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

【Manim】用manim描述二次曲面——上

二次曲面是可以化为一般形式的任意方程的图形 这里面A,...,J是常数。我们不可能把它们都列出来&#xff0c;但是有一些标准方程所以这里是一些更常见的二次曲面的列表。 1. 椭球体 这是椭球体的一般方程。。 这是一个典型椭球体的草图。 接下来我们用Manim实现该椭球体的绘制…

【CanMV K230 AI视觉】 人脸识别

【CanMV K230 AI视觉】 人脸识别 人脸识别 动态测试效果可以去下面网站自己看。&#xff09; B站视频链接&#xff1a;已做成合集 抖音链接&#xff1a;已做成合集 人脸识别 前面学习过的人脸检测&#xff0c;只检测出人脸&#xff0c;而本实验要做的人脸识别&#xff0c;会学…

嵌入式人工智能项目及人工智能应用项目——大合集列表查阅

本文的项目合集列表可能更新不及时&#xff08;会及时更新&#xff09;&#xff0c;可查阅实时更新的链接如下。 嵌入式人工智能及人工智能应用项目合集实时更新链接如下&#xff1a; 阿齐嵌入式人工智能及人工智能应用项目合集 (kdocs.cn)https://www.kdocs.cn/l/cc97tuieys4…

Python urllib

Python urllib 库用于操作网页 URL&#xff0c;并对网页的内容进行抓取处理。 本文主要介绍 Python3 的 urllib。 urllib 包 包含以下几个模块&#xff1a; urllib.request - 打开和读取 URL。urllib.error - 包含 urllib.request 抛出的异常。urllib.parse - 解析 URL。url…

心觉:不能成事的根本原因

很多人一直都很努力&#xff0c;每天都很忙 每天都学习很多东西&#xff0c;学习各种道&#xff0c;各种方法论 但是许多年过去了依然一事无成 自己的目标没有达成&#xff0c;梦想没有实现 为什么呢 关键是没有开悟 那么什么是开悟呢 现在很多人都在讲开悟 貌似开悟很…

回收站永久删除的文件还能恢复吗?教你恢复技巧

在数字时代&#xff0c;电脑是我们工作、学习和娱乐的重要工具。然而&#xff0c;随着我们对电脑的频繁使用&#xff0c;误删文件的情况也时有发生。当我们在回收站中不小心永久删除了某个重要文件时&#xff0c;内心可能会充满焦虑和疑惑&#xff1a;这些文件还能恢复吗&#…

基于springboot+vue实现的智能垃圾分类系统 (源码+L文+ppt)4-063

摘 要 本论文主要完成不同用户的权限划分&#xff0c;不同用户具有不同权限的操作功能&#xff0c;系统包括用户、物业和管理员模块&#xff0c;主要功能有用户、物业、垃圾站点、垃圾投放、验收信息、积分商城、积分充值、通知物业等管理操作。 关键词&#xff1a;智能垃圾…

【LLM】中国在 GPT/LLM 大模型上是否已经实现了弯道超车?

还是谈一下现状吧。中国的大模型公司与美国的大模型公司其实在数量上可能中国更多一些吧。 美国的 OpenAI&#xff1a;No.1&#xff0c;毫无疑问&#xff01;Google&#xff1a;尽管落了&#xff0c;但是依然是全球第二的实力吧&#xff1f;Meta&#xff1a;开源全靠它家的Ll…

【代码随想录训练营第42期 Day60打卡 - 图论Part10 - Bellman_ford算法系列运用

目录 一、Bellman_ford算法的应用 二、题目与题解 题目一&#xff1a;卡码网 94. 城市间货物运输 I 题目链接 题解&#xff1a;队列优化Bellman-Ford算法&#xff08;SPFA&#xff09; 题目二&#xff1a;卡码网 95. 城市间货物运输 II 题目链接 题解&#xff1a; 队列优…

Untangle电脑上网行为管理软件有哪些?(一口气看完,第一款建议收藏!)

控制上网的软件通常被称为上网行为管理软件或上网行为监控软件。 这类软件主要用于管理网络用户的上网行为&#xff0c;帮助企业或组织提升网络使用效率和工作效率&#xff0c;同时最大限度地避免不当上网行为带来的潜在风险和损失。 以下是一些值得推荐的电脑上网行为管理软件…

【C++】——继承与虚继承

文章目录 继承继承的概念继承的定义继承类模版基类与派生类的赋值转换继承的作用域派生类的默认成员函数构造函数与析构函数拷贝构造 不能被继承的类继承与友元继承与静态成员多继承与菱形继承 虚继承继承与组合 继承 什么是继承&#xff1f; 继承其实就是胆码复用的一种手段&…

江科大笔记—OLED显示屏

OLED显示屏 OLED的GND接到负极&#xff0c;OLED的VCC接正极&#xff0c;同时也会接到stm32上的PB6和PB7 SCL接PB8 SDA接PB9 在Hardware文件夹里面放3个文件&#xff1a;OLED.c、OLED.h、OLED_Font.h OLED_Font.h:存的是OLED的字库数据&#xff0c;因OLED是不带字库的&#xf…

APP测试--含【学车不】项目实战

本文参考黑马程序员以下课程; 1-002-App应用架构_哔哩哔哩_bilibili 1. APP环境 1.1 app应用系统架构 json是一种轻量级的数据交换格式&#xff0c;采用完全独立于编程语言的文本格式来储存和表示数据 1.2 app 后台开发测试环境 预发布环境&#xff1a; 使用后端的测试代码&a…

Meta-Learning数学原理

文章目录 什么是元学习元学习的目标元学习的类型数学推导1. 传统机器学习的数学表述2. 元学习的基本思想3. MAML 算法推导3.1 元任务设置3.2 内层优化&#xff1a;任务级别学习3.3 外层优化&#xff1a;元级别学习3.4 元梯度计算3.5 最终更新规则 4. 算法合并5. 理解 MAML 的优…

钢索缺陷检测系统源码分享

钢索缺陷检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vis…

在线制作PPT组织架构图!这个AI工具简单又好用!

ppt组织架构图如何制作&#xff0c;用哪个软件好&#xff1f; 在现代商业世界中&#xff0c;组织架构图是展示公司结构和层级关系的重要工具&#xff0c;譬如内部沟通或者对外展示等场合下&#xff0c;一个精美且清晰的组织架构图都能有效传达信息&#xff0c;提升企业形象。 …

高精度加法和减法

高精度加法 在C/C中&#xff0c;我们经常会碰到限定数据范围的情况&#xff0c;我们先来看看常用的int和long long两种数据类型的范围吧。 C标准规定&#xff1a;int占一个机器字长。在32位系统中int占32位&#xff0c;即4个字节&#xff0c;所以int的范围是[-2的31次方&#…

独立站技能树之建站33项自检清单 1.0丨出海笔记

很多时候大家建好站之后很嗨&#xff0c;但过一会就开始担忧各种纠结我是不是还有什么点没做好&#xff0c;或者我的站漏了什么东西&#xff0c;那么接下来以下这个独立站自检清单能很好的帮到你。其实对于新手我还是建议大家直接用一些模板&#xff0c;因为模板上面基本该有的…

基于SpringBoot+Vue+MySQL的在线招投标系统

系统展示 用户前台界面 管理员后台界面 系统背景 在当今商业环境中&#xff0c;招投标活动是企业获取项目、资源及合作伙伴的重要途径。然而&#xff0c;传统招投标过程往往繁琐复杂&#xff0c;涉及众多文件交换、信息审核与沟通环节&#xff0c;不仅效率低下&#xff0c;还易…

车市状态喜人,国内海外“两开花”

文/王俣祺 导语&#xff1a;随着中秋假期告一段落&#xff0c;“金九”也正式过半&#xff0c;整体上这个销售旺季的数据可以说十分喜人&#xff0c;各家车企不是发布新车、改款车就是推出了一系列购车权益&#xff0c;充分刺激了消费者的购车热情。再加上政府政策的鼎力支持&a…