HTML讲解(三)通用部分

目录

1.空格标记

2.特殊文字的标记

3.注释语句

4.对文字字体的设置

5.修改文字形态

6.换行标记

7.居中标记

8.水平线标记

9.设置滚动弹幕


1.空格标记

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

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

html 复制代码
 

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


2.特殊文字的标记

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

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


3.注释语句

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

html 复制代码
<!--注释内容-->

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


4.对文字字体的设置

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

html 复制代码
<font face="" size="" color=""></font>

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

下面是具体用法

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


5.修改文字形态

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

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


5.1 加粗

html 复制代码
<b> </b>

示例如下:


5.2 斜体字

html 复制代码
<i> </i>

示例如下:


5.3 上标字

html 复制代码
<sup> </sup>

示例如下:


5.4 下标字

html 复制代码
<sub> </sub>

示例如下:


6.换行标记

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

html 复制代码
<br/>

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


7.居中标记

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

html 复制代码
<center> </center>

8.水平线标记

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

html 复制代码
<hr>

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


9.设置滚动弹幕

html 复制代码
<marquee> </marquee>

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


相关推荐
爱加班的猫7 分钟前
Node.js 中 require 函数的原理深度解析
前端·node.js
用户8165111263978 分钟前
WWDC 2025 Build a SwiftUI app with the new design
前端
伍哥的传说12 分钟前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
阅文作家助手开发团队_山神15 分钟前
第一章: Mac Flutter Engine开发准备工作
前端·flutter
菜牙买菜17 分钟前
Hicharts入门
前端·vue.js·数据可视化
摸着石头过河的石头23 分钟前
手把手教你入门 MCP:模型上下文协议与 Trae IDE 中的实践
前端·mcp
德育处主任23 分钟前
p5.js 3D 形状 "预制工厂"——buildGeometry ()
前端·javascript·canvas
Mintopia25 分钟前
React 牵手 Ollama:本地 AI 服务对接实战指南
前端·javascript·aigc
Mintopia43 分钟前
Next.js 全栈开发基础:在 pages/api/*.ts 中创建接口的艺术
前端·javascript·next.js