目录
一、插入其他标记
二、设置文字格式
三、设置段落格式
四、水平线标记
五、设置滚动文字
一、插入其他标记
在HTNL网页中,不仅可以输入汉字、英文和其他文字,还可以输入一些空格和特殊字符(¥、$、#.......)
1.设置输入空格符号
空格符号可以增加字与字之间的距离
基本语法:
语法说明:
在HTML网页中,可以输入多个空格。
示例代码:
我的HTML是 如此的漂亮,以至于我无法自拔。
效果为:
2.设置输入特殊符号
特殊符号以“&”开头,以“ ;”结尾
基本语法:
&```````©
语法说明:
特殊符号
特殊符号符号代码“"&&<<>>X×§§©©®®TM™.............
示例代码:
我的HTML是 如此™的漂亮,§©以至于我®无法自拔。
效果为:
二、设置文字格式
用标记来设置文字的格式
1.设置字体——face
face属性规定的是字体的名称(宋体、楷体、隶书......)
基本语法:
.............
语法说明:
face属性用于定义该段文本采用的字体名称,用定义字体样式的前提是浏览器中有字体
示例代码:
我是中国人
我是中国人
我是中国人
效果为:
2.设置字号——size
基本语法:
.......
语法说明:
size属性用来设置字体大小(有绝对和相对两种方式),size属性有1~7级,1级最小,7级最大。默认字体是3级。
示例代码:
我是中国人
我是中国人
我是中国人
效果为:
3.设置文字颜色——color
基本语法:
.........
语法说明:
在HTML网页中,不同的文字颜色可以展现不同的效果
示例代码:
我是中国人
我是中国人
我是中国人
效果为:
4.设置粗体、斜体、下划线——b、strong、em、u
(1)设置粗体——b、strong
基本语法:
要加粗的文字
要加粗的文字
语法说明:
、标签是行内元素,首尾也必须要。
示例代码:
作为中国人,我很自豪!!!
我是一名光荣的中国人,我为身处中国二自豪!!
效果为:
(2)设置斜体——i、em、cite
基本语法:
要设置斜体的文字
要设置斜体的文字
要设置斜体的文字
语法说明:
开始和结束标签不能省略
示例代码:
我来自一个偏远的山村
我在学习HTML网页制作/em>
一寸光阴一寸金
效果为:
(3)设置下划线——u
基本语法:
要加下划线的文字
语法说明:
跟之前的方法类似
示例代码:
理想很伟大
效果为:
5.设置上标与下标——sup、sub
基本语法:
上标内容
下标内容
语法说明:
这俩个标签主要用于一些数学计算。
在标签里面的内容高度会按照前后文本流定义的高度的半显示,sup文字下端和前面文字的下端对齐。
示例代码:
KMNO4是高锰酸钾
X2+Y2=Z2
效果为:
三、设置段落格式
1.设置段落标记——p
基本语法:
要设置的段落文字
语法说明:
段落标签可以没有结束标签,但我们习惯性的会写,这样看起来会显得程序完整性强
示例代码:
理想很伟大
梦想是什么
效果为:
2.设置段落的对齐属性——align
在HTML网页中,文字是左对齐的
基本语法:
语法说明:
常见的对齐方式
属性值含义left左对齐right右对齐center居中对齐
示例代码:
理想很伟大
梦想是什么
光迷宫
效果为:
3.设置不换行标记——nobr
基本语法:
语法说明:
让内容不换行显示
示例代码:
效果为:
4.设置换行标记——br
基本语法:
要换行的文字
语法说明:
将多出来的文字部分换行显示
示例代码:
分页符骨腭
蝠岳父i否符
合夫妇iuiuiu啊uiu我
效果为:
四、水平线标记
1.设置插入水平线——hr
基本语法:
语法说明:
可以有多个水平线
示例代码:
爱的力量
是如此强大
效果为:
2.设置水平线宽度与高度属性——width、size
基本语法:
语法说明:
高度值可以用像素值,也可以用百分比,二高度值只能用像素值
示例代码:
在逆境中成长
我的成长经历
效果为:
3.设置水平线的颜色——color
基本语法:
语法说明:
颜色代码可以是十六进制或英文名称
示例代码:
在逆境中成长
我的成长经历
效果为:
4.设置水平线的对齐方式——aligin
基本语法:
语法说明:
水平线的默认对齐方式是居中对齐,可以设置(left、right、center)
示例代码:
在逆境中成长
我的成长经历
效果为:
5.设置水平线去掉阴影——noshade
基本语法:
语法说明:
默认的水平线是实心立体的效果,有自带阴影,noshade是布尔值属性,没有属性值
示例代码:
在逆境中成长
我的成长经历
效果为:
五、设置滚动文字
1.设置滚动文字标签——marquee
基本语法:
语法说明:
使用marquee标签可以将文字、图片等设置为动态滚动的效果
示例代码:
我的成长经历
效果的话不好展示,大概效果就是被marquee标签标记的文字默认从右到左滚动,可以去尝试一些
2.设置滚动方向属性——direction
基本语法:
语法说明:
默认情况下,滚动的文字都是从右向左的
滚动方向
属性值含义left向左(与默认效果相同)right向右up向上down向下
示例代码:
3.设置滚动方式属性——behavior
基本语法:
语法说明:
behavior标记的属性
属性值含义scroll循环滚动(默认效果)slide只滚动一次就停止alternate来回交替进行 滚动
示例代码:
4.设置滚动速度属性——scroll amount
基本语法:
语法说明:
滚动速度实际上是设置滚动文字每次移动的长度,以像素为单位
示例代码:
5.设置滚动延迟属性——scroll delay
基本语法:
语法说明:
scrolldelay的时间间隔单位是毫秒(时间设置较长会出现走走停停的现象)
示例代码:
6.设置滚动循环属性——loop
基本语法:
语法说明:
使用loop标记可以设置滚动的次数
示例代码:
7.设置滚动范围属性——width、height
基本语法:
语法说明:
在不设置滚动背景的情况下,水平滚的文字背景与文字同高、与浏览器窗口同宽,以像素为单位
示例代码:
8.设置滚动背景颜色属性——bgcolor
基本语法:
语法说明:
背景颜色可以是十六进制,也可以是颜色名称
示例代码:
9.设置滚动空间属性——hspace、vspace
基本语法:
语法说明:
以像素为单位
示例代码: