Introduction détaillée à la balise du paragraphe HTML-tutoriel HTML-php.cn

Table des matières

实例" >实例

Maison

interface Web

tutoriel HTML

Introduction détaillée à la balise du paragraphe HTML

黄舟

Jul 03, 2017 am 11:46 AM

html 介绍详细

La balise

définit un paragraphe. L'élément

p crée automatiquement un espace blanc avant et après. Le navigateur ajoute ces espaces automatiquement ou vous pouvez les spécifier dans votre feuille de style.

Espacement des segments
IE est par défaut de 19 px, via l'attribut margin-top de p Définissez
FF sur 1.12em par défaut, et définissez p pour bloquer l'affichage par défaut via l'attribut
margin-bottom de p. Pour effacer l'espacement des paragraphes, vous pouvez généralement définir

p {
   margin-top:0;
   margin-bottom:0;
}

Copier après la connexion

Lectures complémentaires : Utilisations de paragraphes autorisées

Vous pouvez spécifier des paragraphes uniquement dans des blocs, ou vous pouvez utiliser des paragraphes avec d'autres paragraphes, listes, formulaires et texte préformaté. En général, cela signifie que les paragraphes peuvent apparaître partout où le texte est approprié, comme dans le corps du document, dans les éléments de la liste, etc.
D'un point de vue technique, les paragraphes ne peuvent pas apparaître dans les en-têtes, les ancres ou à d'autres endroits qui exigent strictement que le contenu soit uniquement du texte. En fait, la plupart des navigateurs ignorent cette restriction et formatent les paragraphes comme faisant partie du contenu de l'élément conteneur.

<html>
<body>
<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>
<p>段落元素由 p 标签定义。</p> 
</body>
</html>

Copier après la connexion

En HTML, la balise p ne peut pas être incluse dans la balise P

Étude approfondie :

Apprenons d'abord à connaître les éléments en ligneen ligne et les blocs -éléments de bloc en ligne Parce que presque tous les éléments en HTML sont soit des éléments en ligne, soit des éléments de bloc.

Le mot in-line a de nombreuses interprétations : inline, inline, inline, niveau ligne, etc., mais ils signifient tous la même chose signifie , nous choisissons ici le nom habituel - inline.

Vous pouvez comprendre la différence en regardant l'exemple suivant :

Éléments en ligne différences< ;/p>

;/p>La différence entre et les éléments en ligne

L'effet est le suivant :

Dans l'exemple ci-dessus,

;span> ne s'enroule pas. C'est sans rendu CSS. De même, nous pouvons également définir p comme un élément en ligne et span comme un élément de bloc via CSS. Cependant, nous ne pouvons pas les convertir arbitrairement en HTML. éléments en ligne ou certains éléments de bloc (l'exemple ci-dessus est en fait une mauvaise utilisation ---> J'ai mis

à l'intérieur de

), mais les éléments en ligne ne peuvent pas contenir d'éléments de bloc, ils ne peuvent contenir que d'autres éléments en ligne éléments. Élément , regardez à nouveau ceci :

<h2>我喜欢在
<a href="
http://bbs.blueidea.com/
 " >经典论坛</a>
讨论Web标准的原因。</h2>

Copier après la connexion

où

appartient à un élément de bloc, et est un élément en ligne. Il n'est pas faux que

contienne ;a> C'est également correct, mais c'est faux si c'est comme suit, car les éléments en ligne ne doivent pas contenir d'éléments de bloc :

  <a href="#">
 <h2>这样是错误的用法！</h2>
</a>

Copier après la connexion

Il existe également des cas où certains éléments de bloc ne peuvent pas contenir d'autres éléments de bloc. Par exemple :

<p>测试文字
     < ul>
          <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
      </ul>
       测试文字
    </p>

Copier après la connexion

而这样又是可以的。

  <ul>
         <li><p>这样是可以的</p></li>
    </ul>

Copier après la connexion

为什么呢？因为我们使用的DTD中规定了块级元素是不能放在

里面的，再加上一些浏览器纵容这样的写法：

 <p>这是一个段落的开始
     <p>这是另一个段落的开始

Copier après la connexion

当一个

签还没结束时，遇到下一个块元素就会把自己结束掉，其实浏览器是把它们处理成这样：

 <p>这是一个段落的开始</p>
    <p>这是另一个段落的开始</p>

Copier après la connexion

所以刚才那样的写法会变成这样：

<p>测试文字</p>
    <ul>
         <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
    </ul>
测试文字<p></p>

Copier après la connexion

这也是跟刚才说第一个例子中

里面放

不合理是同一个道理。

那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有、、、