En HTML, los párrafos se definen con la etiqueta HTML
. Un elemento de párrafo en un documento HTML consta de contenido (texto, imágenes u otro contenido, como campos de formulario) que aparece entre agujeros
etiquetado y cierre
etiqueta.
Los párrafos pertenecen a una clase de elementos llamados elementos de bloque. Un elemento de nivel de bloque comienza en una nueva línea y puede ocupar todo el ancho de la página o su contenedor, según su ancho y definición de CSS.
En esta publicación, explicaremos cómo usar
Etiqueta HTML, incluido cuándo necesita usarla, cuándo puede omitirla y cómo puede diseñarla a su gusto. Pero primero, comencemos con un ejemplo que nos calentará.
La etiqueta de párrafo en el ejemplo HTML
La mayoría de los navegadores utilizan espacios en blanco para separar los párrafos de forma predeterminada, lo que ayuda al lector a distinguir fácilmente un párrafo de otro. Sin embargo, hay otras formas de separar párrafos usando CSS.
Aquí hay un ejemplo de uso básico
etiqueta HTML.
es la etiqueta HTML del párrafo. Suma
a un documento HTML seguido de texto creará un párrafo en su página. Suma
la etiqueta completará el párrafo.
categoría HTML
Los elementos HTML se agrupan en categorías de contenido según su propósito.
los
el elemento pertenece a la categoría de contenido de flujo. La categoría de contenido de flujo contiene todos los elementos que pueden ser un elemento secundario directo del elemento del cuerpo. Estos elementos también contienen texto sin formato o contenido incrustado, como imágenes y videos.
El contenido de flujo es una categoría muy amplia que contiene la mayoría de los elementos HTML. Uno de los pocos elementos que no está incluido en el cuerpo del flujo es el elemento de formulario HTML.
La categoría de contenido de flujo tiene muchas subcategorías:
- Elementos de encabezado como
, a - Secciones de elementos como
, y - Elementos fraseológicos como , y
- Incrustación de elementos como
- Elementos interactivos como
y
contenido permitido
los
El elemento solo puede contener contenido de frase. El contenido de la frase se refiere al texto sin formato y los elementos utilizados para estructurar el texto. Algunos ejemplos de elementos de estructuración de texto son elementos de acento () y elementos de agrupación de texto (
La regla general es que si un elemento puede estar en una oración, lo más probable es que sea contenido de frase. De manera similar, una imagen se considera contenido para una frase porque puede incluirla en una oración si la imagen está relacionada con esa oración.
Además, los elementos que se convierten en texto sin formato si el recurso relacionado no está disponible también se incluyen en la categoría de contenido de redacción. Por ejemplo, si intenta descargar una imagen o un recurso de audio pero el recurso no existe, ambos pueden convertirse en texto (producirán texto alternativo).
Padres elegibles
los
un elemento puede estar contenido en cualquier elemento que acepte el contenido de flujo. Esto significa que puede saltar a la mayoría de los elementos HTML a nivel de bloque y sección.
¿Puedes omitir la etiqueta?
?
Mientras que la etiqueta de inicio
es obligatorio, la etiqueta final
puede omitirse bajo las siguientes condiciones:
- Si otro elemento sigue inmediatamente elemento o un
, , , , ,, , , , , , , , , , , , , , lub - Jeśli w rodzicu nie ma żadnych innych elementów. Wymaga to również, aby rodzic nie był elementem linku kotwiczącego ().
Atrybuty tagów
The element obsługuje tylko:
- Globalne atrybuty HTML: Te atrybuty są obsługiwane przez wszystkie elementy HTML. Przykładem jest styl atrybut, który zobaczysz w następnej sekcji, gdy jest używany do stylizowania akapitu.
- Atrybuty wydarzenia: Te atrybuty reagują na zdarzenia użytkownika, takie jak zmiana rozmiaru okna. W tym celu funkcja zawierająca skrypt musi zostać przekazana jako wartość atrybutu.
Jeśli nieobsługiwany atrybut jest używany w a elementu, ten atrybut zostanie po prostu zignorowany przez przeglądarkę.
Stylizowanie akapitów w HTML
Akapity są stylizowane za pomocą CSS, który można dodać do HTML na trzy sposoby:
- Inline: Korzystanie z styl atrybut w ramach Elementy HTML.
- Wewnętrzne: za pomocą
element w dokumencie HTML Sekcja. W ramach otwierania i zamykania tagi, następnie wybierz elementu i zdefiniuj atrybuty stylu, aby je zastosować. - Zewnętrzne: za pomocą a element do linku do zewnętrznego pliku CSS. W tym pliku możesz wybrać elementu i zdefiniuj atrybuty stylu, które chcesz do niego zastosować.
Przyjrzyjmy się tym trzem metodom bardziej szczegółowo.
1. Używanie atrybutu stylu w tagu
Poniższy akapit jest stylizowany przy użyciu właściwości stylu wbudowanego.
Zobacz pióro Nieuprawny przez HubSpot (@hubspot) na CodePen.
Ta metoda zastąpi wszelkie inne kody CSS ukierunkowane na te same elementy, ponieważ przeglądarka uważa deklaracje wbudowane za najbardziej odpowiednie ze względu na ich bliskość do HTML. Z tego powodu wbudowany CSS jest zalecany do kierowania na pojedynczy element z unikalnymi właściwościami stylu, ale należy go unikać, gdy możesz użyć wewnętrznego lub zewnętrznego CSS.
2. Używanie elementu
