html中的基本标签

网页基本标签

  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号

标题标签

正如我们在word中会有一级标题、二级标题等,html中也会有这样的元素

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

以上代码表示html中一级标题到六级标题的写法

在浏览器中打开

在这里插入图片描述

段落标签

日常生活中,为了排版更加美观,我们通常会将一大段文字分成几段。那么在网页中我们该如何将一大段文字分成一个个小的段落呢?这里就要用到段落标签了

如果我们直接在html文件中写如下这些话

Spring是Java EE编程领域的一个轻量级开源框架,该框架由一个叫Rod Johnson的程序员在 2002 年最早提出并随后创建,是为了解决企业级编程开发中的复杂性,实现敏捷开发的应用型框架 。 [2]Spring是一个开源容器框架,它集成各类型的工具,通过核心的Bean factory实现了底层的类的实例化和生命周期的管理。在整个框架中,各类型的功能被抽象成一个个的 Bean,这样就可以实现各种功能的管理,包括动态加载和切面编程。 [3]Spring是独特的,因为若干个原因:

它定位的领域是许多其他流行的framework没有的。Spring致力于提供一种方法管理你的业务对象
。
Spring是全面的和模块化的。Spring有分层的体系结构,这意味着你能选择使用它孤立的任何部分,它的架构仍然是内在稳定的。例如,你可能选择仅仅使用Spring来简单化JDBC的使用,或用来管理所有的业务对象。

它的设计从底部帮助你编写易于测试的代码。Spring是用于测试驱动工程的理想的framework。

Spring对你的工程来说,它不需要一个以上的framework。Spring是潜在地一站式解决方案,定位于与典型应用相关的大部分基础结构。它也涉及到其他framework没有考虑到的内容。

它在浏览器中会出现这样的效果

在这里插入图片描述

明明已经手动分好的段落,在浏览器中却又成了一堆,这是为什么呢

答:浏览器会自动将html文件中的多个空格或换行转换为一个空格

那么,我们该如何实现分段效果呢?这里就要用到p标签了

<p>Spring是Java EE编程领域的一个轻量级开源框架,该框架由一个叫Rod Johnson的程序员在 2002 年最早提出并随后创建,是为了解决企业级编程开发中的复杂性,实现敏捷开发的应用型框架 。</p>
<p>[2]Spring是一个开源容器框架,它集成各类型的工具,通过核心的Bean factory实现了底层的类的实例化和生命周期的管理。在整个框架中,各类型的功能被抽象成一个个的
    Bean,这样就可以实现各种功能的管理,包括动态加载和切面编程。 [3]Spring是独特的,因为若干个原因:</p>

<p> 它定位的领域是许多其他流行的framework没有的。Spring致力于提供一种方法管理你的业务对象
    。</p>
<p> Spring是全面的和模块化的。Spring有分层的体系结构,这意味着你能选择使用它孤立的任何部分,它的架构仍然是内在稳定的。例如,你可能选择仅仅使用Spring来简单化JDBC的使用,或用来管理所有的业务对象。</p>

<p> 它的设计从底部帮助你编写易于测试的代码。Spring是用于测试驱动工程的理想的framework。</p>
<p>
    Spring对你的工程来说,它不需要一个以上的framework。Spring是潜在地一站式解决方案,定位于与典型应用相关的大部分基础结构。它也涉及到其他framework没有考虑到的内容</p>

页面效果如下

在这里插入图片描述

换行标签

如果我们只是单纯的想要换个行,而不是另起一段,那么我们可以用换行标签<br>

Spring是Java EE编程领域的一个轻量级开源框架,该框架由一个叫Rod Johnson的程序员在 2002 年最早提出并随后创建,是为了解决企业级编程开发中的复杂性,实现敏捷开发的应用型框架 。<br> [2]Spring是一个开源容器框架,它集成各类型的工具,通过核心的Bean factory实现了底层的类的实例化和生命周期的管理。在整个框架中,各类型的功能被抽象成一个个的 Bean,这样就可以实现各种功能的管理,包括动态加载和切面编程。 [3]Spring是独特的,因为若干个原因:

水平线标签

当我们想要更清晰地将上下两部分分割开来时,就可以用水平线标签<hr>

Spring是Java EE编程领域的一个轻量级开源框架,该框架由一个叫Rod Johnson的程序员在 2002 年最早提出并随后创建,是为了解决企业级编程开发中的复杂性,实现敏捷开发的应用型框架 。<hr> [2]Spring是一个开源容器框架,它集成各类型的工具,通过核心的Bean factory实现了底层的类的实例化和生命周期的管理。在整个框架中,各类型的功能被抽象成一个个的 Bean,这样就可以实现各种功能的管理,包括动态加载和切面编程。 [3]Spring是独特的,因为若干个原因:

字体样式标签

在日常生活中,我们经常看到一些应用了特殊样式的文字,用来强调内容,那么html中是否也可以通过对某些字体应用特殊的样式强调呢?答案是可以的

在html中,我们通常分别使用<strong><em>标签来对html中的文字应用粗体和斜体

<strong>Spring</strong><em>Java EE</em>编程领域的一个轻量级开源框架,该框架由一个叫Rod Johnson的程序员在 2002 年最早提出并随后创建,是为了解决企业级编程开发中的复杂性,实现敏捷开发的应用型框架 。

注释和特殊符号

我们在使用一个新东西时,通常会对照说明书来摸索怎么使用。我们写的代码对别人来说就像一个陌生的物品,他们在维护时,自然也想要一份说明书,而这个说明书自然就是我们在代码中写的注释了,在html中注释通常被<!-- -->包裹,中间放注释内容

<!-- 我是一行注释 -->

注释不会在浏览器中显示,它主要是给开发人员看的。写注释是一个很好的编码习惯

上文中已经提过,html中多个空白符号会被转换为一个空格,那如果我就是想在html中打多个空格呢?我们就可以使用转义字符了,以下是常见的符号以及其对应的转义字符

符号转义字符
&nbsp;
>&gt;
<&lt;
©&copy;

当我们在html中想使用这些符号时,就需要使用它们对应的转义字符

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值