HTML中的文字与分区标记

news2024/9/22 21:30:45

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 parts
        of 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 them
        at 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" >

 

所有代码


<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 parts
        of 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 them
        at 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:水平线 -->
    <hr/ color="red">
    <p align="right"> 东方翱翔 &copy;版权所有</p>


</body>
</html>

 

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

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

相关文章

实战案例(4)如果想限制某些终端能上网,哪些不能上网有什么方法呢?

案例四&#xff1a;如果想限制某些终端能上网&#xff0c;哪些不能上网有什么方法呢&#xff1f; 实际中有这样的需求&#xff0c;客户那边希望某些区域只能boss上网或者boss随时都可以上&#xff0c;但是员工需要休息时间才能上&#xff0c;针对这样的需求我们来看看怎么去实现…

Leetcode3271. 哈希分割字符串

Every day a Leetcode 题目来源&#xff1a;3271. 哈希分割字符串 解法1&#xff1a;模拟 按题意模拟。 代码&#xff1a; /** lc appleetcode.cn id3271 langcpp** [3271] 哈希分割字符串*/// lc codestart class Solution { public:string stringHash(string s, int k){…

适用于 Windows 的 Citrix Workspace 中发现两项权限提升

在适用于 Windows 的 Citrix Workspace 应用程序中发现了两个高严重性漏洞CVE-2024-7889 和 CVE-2024-7890。 这些漏洞影响当前版本的 2405 之前的版本以及 LTSR 的 2402 CU1 之前的版本。 Citrix 建议客户立即更新其安装&#xff0c;以减轻使用 Citrix Workspace 环境的用户…

基于亲和性的 GPU 容器绑核策略 Copy

1.引言 在高性能计算和大规模并行任务处理中&#xff0c;GPU已经成为不可或缺的加速器。为了充分发挥GPU的计算能力&#xff0c;通过合理分配CPU核与GPU的绑定来优化CPU和GPU的关系至关重要。我们将探讨socket和NUMA&#xff08;非统一内存访问&#xff09;的概念&#xff0c;并…

计算机的错误计算(九十)

摘要 计算机的错误计算&#xff08;八十九&#xff09;探讨了反双曲余切函数 acoth(x)在 附近的计算精度问题。本节讨论绝对值为大数的反双曲余切函数值的计算精度问题。 Acoth(x) 函数的定义为&#xff1a; 其中 x 的绝对值大于 1 . 例1. 计算 acoth(1.000000000002e15) .…

ORCAD位号,BOOM表

1 ORCAD在页设置编号范围 2 输出BOOM表

基于python+django+vue的农产品销售管理系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 【2025最新】基于pythondjangovueMySQL的农…

开发基础之Python 函数(Basic Python Functions for Development)

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:Linux运维老纪的首页…

【天池比赛】【零基础入门金融风控 Task2赛题理解】实战进行中……

2.3 代码示例 2.3.1 导入数据分析及可视化过程需要的库 import pandas as pd import numpy as np import matplotlib.pyplot as plt import seaborn as sns import datetime import warnings warnings.filterwarnings(ignore) 2.3.2 读取文件 #读取数据时相对路径载入报错时…

并发编程-JUC原子类、CAS和 Unsafe类

文章目录 零、说在前面一、CAS原理1.1 CAS简介1、线程安全的实现方案2、什么是CAS 1.2 CAS使用案例1.3 CAS存在的问题1、ABA问题2、只能保证一个共享变量之间的原子性操作3、无效CAS会带来开销问题4、总线风暴问题 1.4 CAS在JDK中的应用 二、Unsafe类详解2.1 Unsafe类介绍2.2 U…

使用 Azure 机器学习微调小型语言模型 (SLM) Phi-3

目录 概述 动手实验室 概述 小型语言模型 (SLM) 的动机 效率&#xff1a;SLM 的计算效率更高&#xff0c;需要的内存和存储空间更少&#xff0c;而且由于需要处理的参数更少&#xff0c;因此运行速度更快。成本&#xff1a;培训和部署 SLM 的成本较低&#xff0c;使其可供更广…

【MySQL】从0开始在Centos 7环境安装MySQL

&#x1f984;个人主页:修修修也 &#x1f38f;所属专栏:MySQL ⚙️操作环境:Xshell (操作系统:CentOS 7.9 64位) 目录 准备步骤 卸载原有环境 安装步骤 获取MySQL官方yum源 安装MySQL yum源 结语 准备步骤 卸载原有环境 第一步登录云服务器(注意安装yum需要在root身份下…

ctf.show靶场ssrf攻略

前言 欢迎来到我的博客 个人主页:北岭敲键盘的荒漠猫-CSDN博客 web351 解析:post传入url参数他就会访问。 解法: hackbar传入url参数写入https://127.0.0.1/flag.php web352 解析:post传入url参数&#xff0c;不能是127.0.0.1和localhost 解法:缩写127.1传入 web353 解析…

FTP、SFTP安装,整合Springboot教程

文章目录 前言一、FTP、SFTP是什么&#xff1f;1.FTP2.SFTP 二、安装FTP1.安装vsftp服务2.启动服务并设置开机自启动3.开放防火墙和SELinux4.创建用户和FTP目录4.修改vsftpd.conf文件5.启动FTP服务6.问题 二、安装SFTP总结 前言 在一般项目开发工程中&#xff0c;我们大多数会…

什么是数据治理?在企业数字化转型过程中有什么用?

建设背景 有效的数据治理不仅能够确保数据的安全和质量&#xff0c;还能为企业提供深入的业务洞察&#xff0c;推动决策制定和创新。数据治理是数字化转型的基础&#xff0c;是数据资源成为数据资产的基础&#xff0c;只有经过了数据治理&#xff0c;相应的数据资源才能产生价…

Ubuntu 24.04中安装virtualenv

在Ubuntu 24.04中安装virtualenv&#xff0c;可以按照以下步骤进行&#xff1a; 1. 确保Python已安装‌&#xff1a; 在终端中输入python --version或python3 --version来检查Python的安装情况。 python3 --version2. 安装pip‌&#xff08;如果尚未安装&#xff09;&#x…

【论文笔记】AutoLFADS (Nature Methods, 2022)

相关链接&#xff1a; Is This Tutorial For You? - AutoLFADS TutorialDANDI ArchiveNonhuman Primate Reaching with Multichannel Sensorimotor Cortex Electrophysiology Abstract 通过深度神经群体动力学模型实现最先进的性能需要对每个数据集进行广泛的超参数调整。 Au…

机器学习:opencv--图像金字塔

目录 一、图像金字塔 1.图像金字塔是什么&#xff1f; 2.有哪些常见类型&#xff1f; 3.金字塔的构建过程 4.图像金字塔的作用 二、图像金字塔中的操作 1.向下采样 2.向上采样 3.注意--无法复原 三、代码实现 1.高斯金字塔向下采样 2.高斯金字塔向上采样 3.无法复…

JavaEE:文件内容操作(一)

文章目录 文件内容的读写---数据流字节流和字符流打开和关闭文件文件资源泄漏try with resources 文件内容的读写—数据流 文件内容的操作,读文件和写文件,都是操作系统本身提供了API,在Java中也进行了封装. Java中封装了操作文件的这些类,我们给它们起了个名字,叫做"文…

药品识别与分类系统源码分享

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