HTML讲解(三)通用部分

server/2024/12/22 15:13:05/
htmledit_views">

目录

1.空格标记

2.特殊文字的标记

3.注释语句

4.对文字字体的设置

5.修改文字形态

6.换行标记

7.居中标记

8.水平线标记

9.设置滚动弹幕


1.空格标记

在HTML中,我们想打印空格并不能直接敲一个空格键,因为如果是敲空格键,那无论你敲了多少个空格,最终也只显示一个空格。示例如下:

1e61af659a8346ef840589cadfc60d73.png

因此,HTML中创建了单独的空格语言

html"> 

使用一次   ,就相当于一个空格,示例如下:

381ea4561fa047968a4ef8638a99750d.png


2.特殊文字的标记

在HTML中,一些特殊文字也是用标记来显示的,我们只举几个学校常考的

 fbcd3f029210466886b248b287bde7c2.png

d8360b0961644359a19deb74373604cc.png

1dbe13758b44475f8d7d2dfd7a223288.png

以上就是常考的了,想实现的可以自己操作一下


3.注释语句

在HTML中,注释不是编程中的 // ,而是一种新的语言,如下:

html"><!--注释内容-->

一个叹号加四个减号就是注释了


4.对文字字体的设置

在HTML中,我们可以设置文字的字体,像素(或称大小),颜色,我们需要用到以下标记语言

html"><font face="" size="" color=""></font>

其中,face表示字体,size表示像素,color表示颜色

下面是具体用法

8317ea306ded4499b252897c09364035.png

表示像素时,要加上px,这个记住即可


5.修改文字形态

在HTML中,我们可以修改文字为加粗还是倾斜等等

这里我们举几个常用的讲解


5.1  加粗

html"><b> </b>

示例如下: 

22b3a55bd7864330b8cc563bc99b9031.png


 5.2  斜体字

html"><i> </i>

示例如下:

cfbf5e573b7c42cb90149723385449c6.png


5.3  上标字

html"><sup> </sup>

示例如下:

a8f7f4d06a2243febd8113128e1cc00c.png


5.4  下标字

html"><sub> </sub>

示例如下: 

efb299690c434124865d9844a867c331.png


6.换行标记

在HTML中,换行不是回车键,而是<br/>

html"><br/>

使用一次换行标记,就换行一次,示例如下:

2019be08141a4ca08982bb45ddb8e751.png


7.居中标记

在HTML中,我们可以居中标记,让内容位置浏览页面的中间位置,示例如下:

html"><center> </center>

633b1786c1b1452db1ba1ca4b6d42544.png


8.水平线标记

在HTML中,我们有专属的水平线标记,如下:

html"><hr>

使用一次<hr>,产生一个水平线标记,示例如下:

90f6e692836b4267b7ba2121ba299124.png


9.设置滚动弹幕

html"><marquee> </marquee>

d5396bbe22634424890958f79ea65ef3.png

滚动弹幕会从右开始往左飘,一直循环


2a775d9141e049b28a499aa8c5166913.png


http://www.ppmy.cn/server/124939.html

相关文章

计算机毕业设计Python抖音可视化 抖音大数据分析 抖音爬虫 抖音用户行为分析 抖音大数据 Hadoop Spark 数据仓库 推荐系统 机器学习 深度学习

Python抖音可视化开题报告 一、研究背景与意义 随着移动互联网的迅猛发展&#xff0c;短视频平台如抖音已成为人们日常生活中不可或缺的一部分。抖音以其独特的算法和内容推荐机制&#xff0c;吸引了数以亿计的用户。然而&#xff0c;随着用户规模的不断扩大&#xff0c;如何…

PHP:构建高效Web应用的基石与实战案例

PHP&#xff1a;构建高效Web应用的基石与实战案例 在Web开发领域&#xff0c;PHP作为一种服务器端脚本语言&#xff0c;凭借其开源、跨平台、易于学习及强大的社区支持&#xff0c;自1995年诞生以来&#xff0c;一直占据着举足轻重的地位。无论是初创企业还是大型企业级应用&a…

【数据结构】图的最小生成树

快乐的流畅&#xff1a;个人主页 个人专栏&#xff1a;《C游记》《进击的C》《Linux迷航》 远方有一堆篝火&#xff0c;在为久候之人燃烧&#xff01; 文章目录 引言一、最小生成树的概念二、Kruskal算法2.1 思想2.2 实现 三、Prim算法3.1 思想3.2 实现 四、Kruskal和Prim的对比…

蓝桥杯—STM32G431RBT6(RTC时钟获取时间和日期)

一、RTC是什么&#xff0c;有什么用&#xff1f; 在 STM32 中&#xff0c;RTC&#xff08;Real-Time Clock&#xff0c;实时时钟&#xff09;主要有以下作用&#xff1a; 时间保持&#xff1a;即使在系统断电情况下&#xff0c;也能持续记录时间。&#xff08;需要纽扣电池供电…

初识C语言(四)

目录 前言 十一、常见关键字&#xff08;补充&#xff09; &#xff08;1&#xff09;register —寄存器 &#xff08;2&#xff09;typedef类型重命名 &#xff08;3&#xff09;static静态的 1、修饰局部变量 2、修饰全局变量 3、修饰函数 十二、#define定义常量和宏…

【架构】前台、中台、后台

文章目录 前台、中台、后台1. 前台&#xff08;Frontend&#xff09;特点&#xff1a;技术栈&#xff1a; 2. 中台&#xff08;Middleware&#xff09;特点&#xff1a;技术栈&#xff1a; 3. 后台&#xff08;Backend&#xff09;特点&#xff1a;技术栈&#xff1a; 示例场景…

STM32常见配置

二. GPIO配置 2.1 初始化 GPIO时钟 使能所需GPIO端口的时钟&#xff1a; RCC_AHB1PeriphClockCmd(RCC_AHB1Periph_GPIOA, ENABLE);2.2 配置 GPIO 引脚 创建一个GPIO初始化结构体并配置引脚‘ GPIO_InitTypeDef GPIO_InitStruct;// 配置引脚为推挽输出模式 GPIO_InitStruct…

OJ在线评测系统 前端开发整合开源组件 Monaco Editor 并且开发创建题目页面

前端开发整合Monaco Editor 微软官方的 npm install monaco-editor 下载兼容版本 npm install monaco-editorlatest 代码编辑器 先把编辑器本身安装好monaco-editor 安装插件 npm install monaco-editor-webpack-plugin 这个插件的作用是把我们的代码编译器和webpack打包在…