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-familycolor以及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)—标题、段落及样式相关推荐

  1. 批量修改word文档标题段落的样式

    我经常从猪队友那里或者互联网上拿到这样的word文档:文档的内容有很多明显的标题段落,但是文档的编辑者并没有将这些标题段落应用样式,使文档有很好的大纲结构,以便于快速跳转到所需的文档内容,也给文档标题 ...

  2. Markdown语法(一)标题段落分割线

    前言:由于笔者刚刚开始接触博客,所以每次写博客时候对于markdown的编辑语法并不熟悉.虽然CSDN在线编辑右边栏会出现帮助文档,但是很多时候也比较有限.所以笔者在这里特地开个系列专栏记录下,以备以 ...

  3. 换行样式不要首行缩进_为什么WORD正文设置首行缩进后,标题在应用样式格式后依然首行缩进...

    展开全部 原因:Word文档设置的问题造成的.32313133353236313431303231363533e78988e69d8331333431373865 1.新建一个word2013文档并打 ...

  4. Word标题跟随正文样式缩进的解决办法

    1 问题 2 解决方法A 3 解决方法B(推荐) 1 问题   最近,在用Word时,在文章中用了几个标题样式,并在其下方加入正文.此时发现,正文默认没有首行缩进两字符,如下图.   因此,对&quo ...

  5. ViewPager Indicator 自定义标题和指示器样式

    ViewPager Indicator 自定义标题和指示器样式 Indicator 自定义样式 可支持自定义内容 使用方式 1.xml中直接引用 2.绑定ViewPager 3.自定义样式实现和修改 ...

  6. Word——永久修改默认标题和正文样式

    Word--永久修改默认标题和正文样式 一.修改方法 1.在样式栏找到正文. 2.正文右键,点击修改. 3.设定格式之后,点击基于该模板的新文档,并且点击确定. 二.修改完后的效果 三.参考文献 一. ...

  7. html标题副标题,HTML基础标签:标题段落空格链接图像强调

    HTML基础标签:标题段落空格链接图像强调 HTML 标题 HTML标题(Heading)是通过 - 标签来定义的. h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构.写作 ...

  8. HTML标题 段落 样式

    HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. <h1> 定义最大的标题.<h6> 定义最小的标题. 注释:默 ...

  9. 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 使创建项目 ...

最新文章

  1. 知识图谱升温之势已现,不要错失下一个AI风口
  2. 有哪些工具、技巧和方法极大地提高了远程工作效率?
  3. 加密连接工具Cryptcat
  4. java策略模式 if else_Java如何利用策略模式替代if/else语句
  5. 告别2013拥抱2014
  6. Hive中视图机制的初步使用及分析
  7. 用 JavaScript 操作字符串
  8. 获取应用程序信息.h
  9. R语言中,保留含有特定字符的元素
  10. 浏览器输入网址到页面呈现的过程
  11. python mysql 循环语句怎么写_用于mysql语句的Python循环
  12. Python天天美味(15) - Python正则表达式操作指南(re使用)(转)
  13. python omron Fins -PLC和上位机socket通讯( tcy)
  14. 闲暇时间做的一个亲属关系计算器
  15. 解空间树及其相关算法
  16. ICCMO微信公众账号开发系列(1)接入微信公众账号
  17. web邮箱和客户端的区别
  18. STC12C5A60S2 双串口
  19. Eigen aligned_allocator
  20. 关于使用Kmeans函数RuntimeWarning: Explicit initial center position passed: performing only one init in KMe

热门文章

  1. 冷库计算机系统验证,冷库验证 冷链系统验证
  2. 【SLAM入门】概率机器人中的一些重要概念(1)
  3. 什么是光耦合器及其工作原理
  4. ubuntu下创建python文件创建python环境
  5. 数据库安装(MySQL子库--MariaDB)
  6. ICE通信之IceBox服务器
  7. 搭建openlab网站
  8. 建站教程,从无到有(2)——把你的域名变成可供访问的简单网页!
  9. 牛津大学科普 | 几分钟带你了解:什么是机器学习
  10. 使用shell获取IP归属地与运营商信息