HTML的文本格式标记
一,标题文字标记
功能:标题是一段文字内容的核心,可以通过设置不同大小的标题,增加文章的条理性。
格式:<hn align='对齐方式'>标题文字</hn>
属性:n表示标题字号的级别,可以是1~6之间的任意整数,数字越小,字号越大;align用来设置标题在页面中的对齐方式。
标题文字的应用
<p>这是一行普通的文字</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
..............
二,文字字体标记
功能:该表网页中文字的字体,字号或颜色。
格式:<font face='字体'
size='字号'
color=‘颜色’>文字</font>。
属性:face定义文字的字体,如'face=黑体'表示黑体;size定义文字的字号
,用来设定文字的大小,其值为1~7的整数,值越大字越大;color定义文字的颜色
文字字体标记的应用
<p><font size='楷体_GB2312'>欢迎光临</font></p>
<p><font size='宋体'>欢迎光临</font></p>
<p><font size='黑体'>欢迎光临</font></p>
<p><font size='Times New Roman'>Welcome to my homepage!</font></p>
<p><font size='Arial Black'>Welcome to my homepage!</font></p>
三.文字修饰标记
功能:给文本增添一些特殊效果。例如
<b>......</b>:加粗文字
<i>.........</i>:倾斜文字
<u>........</u>:给文字加下划线
<strike>....</strike>:删除线
<sup>.....</sup>:使文字成为前一个字符的上标
<sub>......</sub>:使文字成为前一个字符的下标
<em>......</em>:强调文字,通常用斜体加黑体
<strong>......</strong>:特别强调的文字,通常也是斜体加黑体
四.段落标记
功能:设置文章段落的开始和结束。可以使用段落标记,它可以将标记后面的内容另起一段。
格式:<p align='水平对齐方式'>...</p>(左对齐,右对齐和居中)
五.强制换行符
功能:强行另起一行显示该标记后面的网页元素
格式:</br>
说明:这是一个单标记,与段落标记在显示效果上都是另起一行书写,但他们的不同之处是:段落标记的行距要宽
六.插入水平线标记
功能:在网页中插入一条水平线,用于页面上内容的分隔。
格式:<hr width ='value1'
size='value2'
align='value3'
color='color1' noshade
/>
七.预排格式标记
功能:保留文字在纯文本编辑器中的格式,原样显示,不受前面的文字格式和段落格式的影响。
格式:
<pre>要按预排格式显示的文本</pre>
八.定位标记
功能:设置文字,图像,表格等的摆放设置。<div>标记的功能与<p>标记相似,但在为许多段落设置同样的对齐方式时比较方便。
定位标记的应用
九.列表标记
1.无序列表
分段排列出一组级别相同的项目称为列表。如果在每段前面加上一个相同的符号,则称为无序列表;如果每段前面加上一个序号,则称为有序列表。
功能:设置无序列表
格式:<ul type ='加重符号类型'>
<li type='加重符号类型'>列表项目1</li>
<li type='加重符号类型'>列表项目2</li>
......
</ul>
2.有序列表
功能:设置有序列表
格式:<ol type ='序号类型' start=‘起始符号’>
<li type='序号类型'>列表项目1</li>
<li type='序号类型'>列表项目2</li>
....
</ol>
属性:type属性表示在每个项目前显示的序号类型,其值可以为阿拉伯数字,大写英文字母
,小写英文字母,大写罗马字母,小写罗马字母。
无序列表和有序列表标记的应用对比
<ul>
<p>中国</p>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
<ol>
<p>美国城市</p>
<li>华盛顿</li>
<li>芝加哥</li>
<li>纽约</li>
</ol>
3.定义列表
功能:用于需要对列表条目进行简短说明的场合。
格式:<dl>
<dt>列表条目1</dt>
<dd>条目1的说明</dd>
<dt>列表条目2</dt>
<dd>条目二的说明</dd>
.........
</dl>
十.文字滚动标记
功能:在页面中制造文字(或图像)滚动的效果
格式:
<marquee> behavior='value'
bgcolor='color'
direction='value'
height='value'
width='value'
loop='value'
scrollamount='value'
scrolldelay='value'
hspace='value'
vspace='value'>滚动文字
</marquee>
属性
behavior:设置文字滚动方式。共有三种滚动方式供选择:behavior='alternate'时,文字将来回滚动;behavior='scroll'时,文字将循环滚动;hehavior='side'时,文字将只滚动一次。
bgcolor:为滚动文字添加背景颜色
direction:设置文字滚动的方向,取值可以为up,down,left,right四种。
height和width:设置文字滚动的区域。
loop:设置文字滚动的次数。默认值为-1,-1表示无限次不断滚动。
scrollamount:设置文字滚动的速度,数值越大速度越快
scrolldelay:设置在每一次滚动的间隔产生一段事件的延迟。
hspace和vspace:设置文字滚动的水平垂直空间
HTML的文本格式标记相关推荐
- html转word保留样式_译员必备 | 初识Word格式标记
标 记 含 义 在计算机术语中,标记 (markup) 是使用称为标记(tag)的代码来定义任何数据的结构.外观以及含义的过程. 运营过公众号的小伙伴一定熟悉微信编辑器.我们在使用模板排版好文字时,点 ...
- daisy_DAISY:视障人士的Linux兼容文本格式
daisy 如果您像我一样是盲人或视力障碍者,通常需要使用各种级别的硬件或软件来完成人们认为理所当然的事情. 其中一种是用于阅读印刷书籍的专用格式:盲文(如果您知道如何阅读)或专用文本格式,例如DAI ...
- HTML示例06---段落(原格式标记)
1.说明 在网页制作中,一般是用过各种标记对文字进行排版的.但在实际应用中,往往需要一些特殊的排版效果,这样使用标记控制非常麻烦.解决的方法就是使用原格式标记进行排版,如空格.制表符等.原格式标记&l ...
- 1.6python网络爬虫--读取和处理纯文本格式(CSV,PDF,docx)
目录: 前言: 一,文档编码 二,纯文本 1.对一般简单的纯文本的介绍: 2.文本编码介绍和使用 (1)编码类型简介 (2)使用编码 三,CSV 四,PDF 五, 微软Word和.docx 六,拓展: ...
- [前端笔记——HTML介绍] 4.HTML文本基础+超链接+高级文本格式
[前端笔记--HTML介绍] 4.HTML文本基础+超链接+高级文本格式 1.HTML文本基础 1.1标题和段落 1.2列表 1.2.1无序列表(unordered) 1.2.2有序列表(ordere ...
- python做FPGA EG01约束文件文本格式批量更改
python做FPGA EG01约束文件文本格式批量更改 一切机械的重复的工作都应该自动化 1.读取原文件 2.标记重要信息 3.提取重要信息 4.重新塑造格式 5.导出保存 一切机械的重复的工作都应 ...
- html是一种纯文本类型语言,什么是HTML格式、纯文本格式,有什么区别呢?
满意答案 lyqstart 推荐于 2017.11.29 采纳率:46% 等级:6 已帮助:709人 Hypertext Markup Language,中文也就是超文本链接标示语言.HTML( ...
- InDesign 教程:了解基本文本格式
欢迎观看indesign教程,小编带大家学习 InDesign 的基本工具和使用技巧,了解段落格式和字符格式之间的区别. InDesign 擅长所有类型的文本格式.为了完成餐厅菜单,将学习字符和段落格 ...
- Html5标签(列表、行级、文本格式、字符实体、语义化)
一. 1.无序列表 (1)语法 <ul> <li>内容<li> -- </ul> (2)语义 将没有数字顺序的一组数据或内容进 ...
- python二进制打开(rb)和文本格式打开(r)什么区别?
使用 open() 函数以文本格式打开文件和以二进制格式打开文件,唯一的区别是对文件中换行符的处理不同. 在 Windows 系统中,文件中用 "\r\n" 作为行末标识符(即换行 ...
最新文章
- Python中单个下划线“ _”变量的用途是什么?
- 第三章 改进神经网络的学习方式(上)
- Andorid开发学习---ubuntu 12.04下搭建超好用的安卓模拟器genymotion 安装卸载virtualbox 4.3...
- mysql 权限命令 revoke_mysql 权限管理使用 grant/revoke
- 【ElasticSearch】Es 源码之 DiskThresholdMonitor 源码解读
- 关于只针对ie7浏览器的css问题
- ShaderForge - 纹理旋转
- 计算机事业单位简答题MAC
- Sims 4 Cottage Living 模拟人生4乡间生活 作弊码整理
- 摇滚bono_摇滚,Paper弹枪对尼古拉斯·弗朗西斯的采访
- svg 动画_30个很棒的SVG动画
- 在线作图丨差异分析——ANOSIM相似性分析
- 简单说一说手机中常用的芯片-OVP芯片
- JQuery动画+事例
- mysql server安装服务器_MySQL安装
- mingw64亲测有效版本,直接解压,无需安装
- 【火星备份软件】多样化备份方式
- 利用Java实现微信公众号发送信息提醒通知
- 【创科之龙】零基础学习嵌入式开发以及项目实战开发【第二期视频】
- Linux挂载iso镜像
热门文章
- BufferedOutputStream源码分析与flush方法
- cpu 调频 温度 ondemand
- 台式计算机输入设备,简述常用的输入设备和输出设备有哪些 – 手机爱问
- 腾讯云之轻量应用服务器搭建Socks5代理服务器实现游戏单窗口单IP
- 大风车音乐计算机,大风车歌曲
- K8s 亲和性和非亲和性(Affinity)
- 转型只争朝夕!又一火电企业成立新能源公司
- C# 判定素数 高效算法 拉宾米勒算法
- apt-get installs 报错 Could not open lock file /var/lib/dpkg/lock - open (13: Permission denied)
- android打飞机游戏、MVP句子迷App、悬浮窗、RxJava+Retrofit、加载动画、定制计划App等源码