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>

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


相关推荐
snow_star_dream22 分钟前
(笔记)VSC python应用--函数补全注释添加
笔记·python
songyuc31 分钟前
【SAR】旋转框定义法学习笔记
笔记·学习
晚霞的不甘34 分钟前
Flutter for OpenHarmony 创意实战:打造一款炫酷的“太空舱”倒计时应用
开发语言·前端·flutter·正则表达式·前端框架·postman
这儿有一堆花1 小时前
CSS 拟真光影设计:从扁平到深度的技术复盘
前端·css
孞㐑¥1 小时前
算法—前缀和
c++·经验分享·笔记·算法
_OP_CHEN2 小时前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
JeffDingAI2 小时前
【Datawhale学习笔记】RLHF微调技术及实践
人工智能·笔记·学习
你脸上有BUG2 小时前
【工程化】记给ant-design-vue打补丁的示例
前端·javascript·vue.js·补丁·ant-design-vue
三块可乐两块冰2 小时前
【第二十七周】机器学习笔记二十八
笔记·机器学习
xian_wwq3 小时前
【学习笔记】特权账号管理(PAM)
笔记·学习·pam