HTML 标题 h1~n 标签与段落 p 标签

文章目录

  • 标题h1~n标签
  • 段落 p 标签

标题h1~n标签

html 标题可直接类似于一篇文章中的大标题小标题之类的存在,用于搜索引擎使用标题为您的网页结构和内容编制索引,通过序号来改变标题大小,当然标题也是一个元素,可以通过修改标签属性值来改变元素。

h1~h6字体大小分别是6 ~ 1,可以通过关键字font 查看。

可以通过标签《hr》插入分隔线。



<html lang="en">
    <head>
        <meta charset="utf-8">
    head>
    <body>
    	<hr/>
    	<hr/>
    	<h1>标题一h1>
    	<font size="6">这是6号字体font>
    	<h2>标题二h2>
    	<font size="5">这是5号字体font>
    	<h3>标题三h3>
    	<font size="4">这是4号字体font>
    	<h4>标题四h4>
    	<font size="3">这是3号字体font>
    	<h5>标题五h5>
    	<font size="2">这是2号字体font>
    	<h6>标题六h6>
    	<font size="1">这是1号字体font>
    body>
html>

效果为:
HTML 标题 h1~n 标签与段落 p 标签_第1张图片

段落 p 标签

段落 p 标签是将文本分段。

虽然 p 标签部分浏览器接受只有开始标签,但是,不可以依赖这种方式,现在是不允许省略结束标签的。

可以通过在p 标签文本中插入


(有空格)实现换行。

区分一下: 
,
以及
(带有空格)
是 HTML 写法。是 XHTML1.1 的写法, 也是 XML 写法。
是 XHTML 为兼容 HTML 的写法,也是 XML 写法。HTML5 因为兼容 XHTML,所以三种写法都可以使用。 早期发布的 HTML 规范当中,
等元素是不用封闭自身的,但是这种元素造成了 HTML 规范的不严谨,于是在之后发布的 XHTML 语言中,参考了更为严谨的 XML 规范,在这些不用自身封闭的元素后加 / 来表示自行封闭,在逻辑上来讲等同于
....
(但是没有
这种写法),这样一来保证了较少的代码量,二来保证了规范的严谨。

<html lang="en">
    <head>
        <meta charset="utf-8">
    head>
    <body>
    	<p><br><br/><br />p>
    body>
html>

实现效果:
在这里插入图片描述
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。

对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。


<html lang="en">
    <head>
        <meta charset="utf-8">
    head>
    <body>
    	<p>冬天
    			里的
    				一把火。p>
    body>
html>

实现效果为:
在这里插入图片描述

你可能感兴趣的:(HTML)