HTML设置文字与段落格式 |
您所在的位置:网站首页 › 如何设置字体格式和段落格式 › HTML设置文字与段落格式 |
目录
一、插入其他标记 二、设置文字格式 三、设置段落格式 四、水平线标记 五、设置滚动文字 一、插入其他标记在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 办公设备维修网 版权所有 豫ICP备15022753号-3 |