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>

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


相关推荐
Beekeeper&&P...29 分钟前
web钩子什么意思
前端·网络
红色的山茶花33 分钟前
YOLOv8-ultralytics-8.2.103部分代码阅读笔记-block.py
笔记·深度学习·yolo
啵咿傲40 分钟前
重绘&重排、CSS树&DOM树&渲染树、动画加速 ✅
前端·css
坚硬果壳_41 分钟前
《硬件架构的艺术》笔记(六):流水线的艺术
笔记·硬件架构
前端Hardy43 分钟前
HTML&CSS:数据卡片可以这样设计
前端·javascript·css·3d·html
流烟默1 小时前
CSS中Flex布局应用实践总结
前端·css·flex布局
草字1 小时前
uniapp input限制输入负数,以及保留小数点两位.
java·前端·uni-app
没有黑科技2 小时前
基于web的音乐网站(Java+SpringBoot+Mysql)
java·前端·spring boot
前端初见2 小时前
彻底搞懂前端环境变量使用和原理
前端
小王码农记2 小时前
vue中路由缓存
前端·vue.js·缓存·typescript·anti-design-vue