HTML设置文字与段落格式 您所在的位置:网站首页 qq颜色字体代码 HTML设置文字与段落格式

HTML设置文字与段落格式

2023-12-19 04:00| 来源: 网络整理| 查看: 265

目录

 

一、插入其他标记

二、设置文字格式

三、设置段落格式

四、水平线标记

五、设置滚动文字

一、插入其他标记

           在HTNL网页中,不仅可以输入汉字、英文和其他文字,还可以输入一些空格和特殊字符(¥、$、#.......)

1.设置输入空格符号

空格符号可以增加字与字之间的距离

基本语法:

;

语法说明:

在HTML网页中,可以输入多个空格。

示例代码:

制作一个简单的HTML文件 ;我的HTML是;;;如此的漂亮,以至于我无法自拔。

效果为:

2.设置输入特殊符号

特殊符号以“&”开头,以“ ;”结尾

基本语法:

;```````©

语法说明:

特殊符号 特殊符号符号代码“;&;;Xק§©©®®TM™.............

示例代码:

制作一个简单的HTML文件 ;我的HTML是;;;如此™的漂亮,§©以至于我®无法自拔。

效果为:

二、设置文字格式

用标记来设置文字的格式

1.设置字体——face

face属性规定的是字体的名称(宋体、楷体、隶书......)

基本语法:

.............

语法说明:

face属性用于定义该段文本采用的字体名称,用定义字体样式的前提是浏览器中有字体

示例代码:

制作一个简单的HTML文件

我是中国人

我是中国人

我是中国人

效果为:

2.设置字号——size

基本语法:

.......

语法说明:

size属性用来设置字体大小(有绝对和相对两种方式),size属性有1~7级,1级最小,7级最大。默认字体是3级。

示例代码:

制作一个简单的HTML文件

我是中国人

我是中国人

我是中国人

效果为:

3.设置文字颜色——color

基本语法:

.........

语法说明:

在HTML网页中,不同的文字颜色可以展现不同的效果

示例代码:

制作一个简单的HTML文件

我是中国人

我是中国人

我是中国人

效果为:

4.设置粗体、斜体、下划线——b、strong、em、u

(1)设置粗体——b、strong

基本语法:

要加粗的文字

要加粗的文字

语法说明:

、标签是行内元素,首尾也必须要。

示例代码:

制作一个简单的HTML文件

作为中国人,我很自豪!!!

我是一名光荣的中国人,我为身处中国二自豪!!

效果为:

(2)设置斜体——i、em、cite

基本语法:

要设置斜体的文字

要设置斜体的文字

要设置斜体的文字

语法说明:

开始和结束标签不能省略

示例代码:

制作一个简单的HTML文件

我来自一个偏远的山村

我在学习HTML网页制作/em>

一寸光阴一寸金

效果为:

(3)设置下划线——u

基本语法:

要加下划线的文字

语法说明:

跟之前的方法类似

示例代码:

制作一个简单的HTML文件 理想很伟大

效果为:

5.设置上标与下标——sup、sub

基本语法:

上标内容

下标内容

语法说明:

这俩个标签主要用于一些数学计算。

在标签里面的内容高度会按照前后文本流定义的高度的半显示,sup文字下端和前面文字的下端对齐。

示例代码:

制作一个简单的HTML文件

KMNO4是高锰酸钾

X2+Y2=Z2

效果为:

三、设置段落格式

1.设置段落标记——p

基本语法:

要设置的段落文字

语法说明:

段落标签可以没有结束标签,但我们习惯性的会写,这样看起来会显得程序完整性强

示例代码:

制作一个简单的HTML文件

理想很伟大

梦想是什么

效果为:

2.设置段落的对齐属性——align

在HTML网页中,文字是左对齐的

基本语法:

语法说明:

常见的对齐方式 属性值含义left左对齐right右对齐center居中对齐

示例代码:

制作一个简单的HTML文件

理想很伟大

梦想是什么

光迷宫

效果为:

3.设置不换行标记——nobr

基本语法:

不换行的文字

语法说明:

让内容不换行显示

示例代码:

制作一个简单的HTML文件 分页符骨腭蝠岳父i否符合夫妇iuiuiu啊uiu我

效果为:

4.设置换行标记——br

基本语法:

要换行的文字

语法说明:

将多出来的文字部分换行显示

示例代码:

制作一个简单的HTML文件 分页符骨腭蝠岳父i否符合夫妇iuiuiu啊uiu我

效果为:

四、水平线标记

1.设置插入水平线——hr

基本语法:

语法说明:

可以有多个水平线

示例代码:

制作一个简单的HTML文件 爱的力量是如此强大

效果为:

2.设置水平线宽度与高度属性——width、size

基本语法:

语法说明:

高度值可以用像素值,也可以用百分比,二高度值只能用像素值

示例代码:

制作一个简单的HTML文件

在逆境中成长

我的成长经历

效果为: 

3.设置水平线的颜色——color

基本语法:

语法说明:

颜色代码可以是十六进制或英文名称

示例代码:

制作一个简单的HTML文件

在逆境中成长

我的成长经历

效果为:

4.设置水平线的对齐方式——aligin

基本语法:

语法说明:

水平线的默认对齐方式是居中对齐,可以设置(left、right、center)

示例代码:

制作一个简单的HTML文件

在逆境中成长

我的成长经历

效果为:

5.设置水平线去掉阴影——noshade

基本语法:

语法说明:

默认的水平线是实心立体的效果,有自带阴影,noshade是布尔值属性,没有属性值

示例代码:

制作一个简单的HTML文件

在逆境中成长

我的成长经历

效果为:

五、设置滚动文字

1.设置滚动文字标签——marquee

基本语法:

要滚动的文字

语法说明:

使用marquee标签可以将文字、图片等设置为动态滚动的效果

示例代码:

制作一个简单的HTML文件 在逆境中成长

我的成长经历

效果的话不好展示,大概效果就是被marquee标签标记的文字默认从右到左滚动,可以去尝试一些

2.设置滚动方向属性——direction

基本语法:

要滚动的文字

语法说明:

默认情况下,滚动的文字都是从右向左的

滚动方向 属性值含义left向左(与默认效果相同)right向右up向上down向下

示例代码:

制作一个简单的HTML文件 在逆境中成长 我的girl 我的文档 我的成长经历

3.设置滚动方式属性——behavior

基本语法:

要滚动的文字

语法说明:

behavior标记的属性 属性值含义scroll循环滚动(默认效果)slide只滚动一次就停止alternate来回交替进行 滚动

示例代码:

制作一个简单的HTML文件 在逆境中成长 我的girl 我的文档

4.设置滚动速度属性——scroll amount

基本语法:

要滚动的文字

语法说明:

滚动速度实际上是设置滚动文字每次移动的长度,以像素为单位

示例代码:

制作一个简单的HTML文件 在逆境中成长 我的girl 我的文档

5.设置滚动延迟属性——scroll delay

基本语法:

滚动的文字

语法说明:

scrolldelay的时间间隔单位是毫秒(时间设置较长会出现走走停停的现象)

示例代码:

制作一个简单的HTML文件 在逆境中成长 我的girl 我的文档

6.设置滚动循环属性——loop

基本语法:

要滚动的文字

语法说明:

使用loop标记可以设置滚动的次数

示例代码:

制作一个简单的HTML文件 在逆境中成长 我的girl 我的文档

7.设置滚动范围属性——width、height

基本语法:

要滚动的文字

语法说明:

在不设置滚动背景的情况下,水平滚的文字背景与文字同高、与浏览器窗口同宽,以像素为单位

示例代码:

制作一个简单的HTML文件 问答时间

8.设置滚动背景颜色属性——bgcolor

基本语法:

要滚动文字

语法说明:

背景颜色可以是十六进制,也可以是颜色名称

示例代码:

制作一个简单的HTML文件 问答时间

9.设置滚动空间属性——hspace、vspace

基本语法:

要滚动文字

语法说明:

以像素为单位

示例代码:

制作一个简单的HTML文件 问答时间

 

 

 

 

 

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有