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>

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


相关推荐
Carlos_sam16 分钟前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴85026 分钟前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
CodeCraft Studio1 小时前
借助Aspose.HTML控件,在 Python 中将 HTML 转换为 Markdown
开发语言·python·html·markdown·aspose·html转markdown·asposel.html
使二颗心免于哀伤1 小时前
《设计模式之禅》笔记摘录 - 10.装饰模式
笔记·设计模式
誰能久伴不乏1 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
悠哉悠哉愿意1 小时前
【电赛学习笔记】MaxiCAM 项目实践——与单片机的串口通信
笔记·python·单片机·嵌入式硬件·学习·视觉检测
岩中竹2 小时前
广东省省考备考——常识:科技常识(持续更新)
笔记
涔溪2 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾2 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite
你这个年龄怎么睡得着的2 小时前
Babel AST 魔法:Vite 插件如何让你的 try...catch 不再“裸奔”?
前端·javascript·vite