HTML(2)—标题、段落及样式
HTML标题
关于标题:
- 标题(Heading)通过
<h1>-<h6>
等标签定义。 - 其中
<h1>
定义最大的标题,而<h6>
定义最小的标题。 - 浏览器会自动在标题前后添加空行。
关于标题的使用:
一般将h1用作最重要的主标题,其后是h2(次重要),以此类推。
HTML水平线:
<hr />
(或<hr/>
)标签在HTML页面中创建水平线,可用于分隔内容。
HTML注释:
<!-- Comment -->
作为注释插入HTML代码中能提高可读性,让代码更容易被人理解。
HTML段落
- 段落通过
<p>
标签定义。 - 浏览器会自动在段落的前后添加空行。
关于折行:
如果想要换行,使用<br />
标签会是一个好的办法。
<br />
元素是一个空的HTML元素。由于关闭标签没有任何意义,所以它没有结束标签。
理论上使用<br>
也是可以的,它等同于<br />
。但是在某些版本中不允许使用没有结束标签的HTML元素,所以建议使用<br />
。
关于HTML输出:
在HTML代码中,连续的空行或空格都会被视作一个空格。浏览器在显示时会自动省略多余的空格。
HTML样式
style属性用于更改HTML元素的样式。
由于一些标签在未来的HTML版本中会被淘汰,因此推荐使用style来代替它们:
HTML样式之背景颜色:
background-color属性用于定义元素的背景颜色。
例:
<html><body style="background-color:yellow"><h6 style="background-color:red">Heading</h6><p style="background-color:green">Paragraph</p></body></style>
以上分别改变了<body>
、<h6>
、<p>
元素的背景颜色。
HTML样式之字体、颜色和尺寸:
font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸。
例:
<html><body><h1 style="font-family:verdana">Heading</h1><p style="font-family:arial;color:red;font-size:20px;">Heading</p></body></html>
font-family——字体的名称序列
color——字体颜色
font-size——字体大小
HTML样式之文本对齐:
text-align定义元素中文本的水平对齐方式。
例:
<html>
<body>
<h1 style="text-align:center">Heading</h1>
</body>
</html>
HTML(2)—标题、段落及样式相关推荐
- 批量修改word文档标题段落的样式
我经常从猪队友那里或者互联网上拿到这样的word文档:文档的内容有很多明显的标题段落,但是文档的编辑者并没有将这些标题段落应用样式,使文档有很好的大纲结构,以便于快速跳转到所需的文档内容,也给文档标题 ...
- Markdown语法(一)标题段落分割线
前言:由于笔者刚刚开始接触博客,所以每次写博客时候对于markdown的编辑语法并不熟悉.虽然CSDN在线编辑右边栏会出现帮助文档,但是很多时候也比较有限.所以笔者在这里特地开个系列专栏记录下,以备以 ...
- 换行样式不要首行缩进_为什么WORD正文设置首行缩进后,标题在应用样式格式后依然首行缩进...
展开全部 原因:Word文档设置的问题造成的.32313133353236313431303231363533e78988e69d8331333431373865 1.新建一个word2013文档并打 ...
- Word标题跟随正文样式缩进的解决办法
1 问题 2 解决方法A 3 解决方法B(推荐) 1 问题 最近,在用Word时,在文章中用了几个标题样式,并在其下方加入正文.此时发现,正文默认没有首行缩进两字符,如下图. 因此,对&quo ...
- ViewPager Indicator 自定义标题和指示器样式
ViewPager Indicator 自定义标题和指示器样式 Indicator 自定义样式 可支持自定义内容 使用方式 1.xml中直接引用 2.绑定ViewPager 3.自定义样式实现和修改 ...
- Word——永久修改默认标题和正文样式
Word--永久修改默认标题和正文样式 一.修改方法 1.在样式栏找到正文. 2.正文右键,点击修改. 3.设定格式之后,点击基于该模板的新文档,并且点击确定. 二.修改完后的效果 三.参考文献 一. ...
- html标题副标题,HTML基础标签:标题段落空格链接图像强调
HTML基础标签:标题段落空格链接图像强调 HTML 标题 HTML标题(Heading)是通过 - 标签来定义的. h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构.写作 ...
- HTML标题 段落 样式
HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. <h1> 定义最大的标题.<h6> 定义最小的标题. 注释:默 ...
- 2019-7-22 [HTML] 基本结构 DOCTYPE声明 标签:[title meta 标题 段落 换行 加粗 斜体 下划线] 注释 特殊字符 img标签 a标签
文章目录 0.HTML网页技术(基础) 1 HTML概述 1.1 什么是HTML? 1.2 Hello,HTML! 2 HBuilder的安装与使用 2.1 安装HBuilder 2.2 使创建项目 ...
最新文章
- 知识图谱升温之势已现,不要错失下一个AI风口
- 有哪些工具、技巧和方法极大地提高了远程工作效率?
- 加密连接工具Cryptcat
- java策略模式 if else_Java如何利用策略模式替代if/else语句
- 告别2013拥抱2014
- Hive中视图机制的初步使用及分析
- 用 JavaScript 操作字符串
- 获取应用程序信息.h
- R语言中,保留含有特定字符的元素
- 浏览器输入网址到页面呈现的过程
- python mysql 循环语句怎么写_用于mysql语句的Python循环
- Python天天美味(15) - Python正则表达式操作指南(re使用)(转)
- python omron Fins -PLC和上位机socket通讯( tcy)
- 闲暇时间做的一个亲属关系计算器
- 解空间树及其相关算法
- ICCMO微信公众账号开发系列(1)接入微信公众账号
- web邮箱和客户端的区别
- STC12C5A60S2 双串口
- Eigen aligned_allocator
- 关于使用Kmeans函数RuntimeWarning: Explicit initial center position passed: performing only one init in KMe