Cómo cerrar y abrir una etiqueta. Sintaxis XML. Crear un archivo en formato html - documento HTML

¡Hola, queridos lectores del blog! En el último artículo, descubrimos qué es un tipo de documento y cómo los navegadores determinan el idioma utilizado. Se consideró la etiqueta, pero no el concepto (término) en sí. En este artículo te diré qué es una etiqueta, por qué es necesaria y qué tipos de etiquetas existen. Como dije en el último artículo de esta sección, crearemos una página de archivos, con la que experimentaremos, basándonos en los conocimientos que hayamos adquirido. Pero esto está al final del artículo, pero por ahora veamos la etiqueta HTML.

¿Qué es una etiqueta HTML, tipos de etiquetas HTML, ejemplos de escritura?

etiqueta HTML- traducido del inglés etiqueta - etiqueta-caracteres encerrados entre corchetes angulares y que son elementos del lenguaje de marcado de hipertexto (HTML). Los símbolos pueden ser de alguna utilidad. idioma en Inglés(Todo Internet se basa en él). La etiqueta parece

Esta es una etiqueta de resaltado de texto. en negrita. Las etiquetas tienen tres tipos:

  • Etiqueta de apertura- etiqueta al principio. En el ejemplo anterior, la etiqueta se abre y se sitúa delante del texto que debe resaltarse.
  • etiqueta de cierre- etiqueta al final. Rasgo distintivo sirve como una barra diagonal “/” antes de los caracteres entre corchetes angulares. Veamos nuevamente el ejemplo discutido anteriormente. Etiqueta está cerrando y viene después del texto, que debe resaltarse en negrita
  • Etiquetas individuales- etiquetas que no tienen etiqueta de cierre. Un ejemplo sería
    Aquí hay un ejemplo de una etiqueta de apertura y cierre:

Todo el diseño, incluido el texto, quedará así:

Este texto se resaltará en negrita.

Y así será este texto cuando el navegador lo procese y nos lo proporcione: Este texto se resaltará en negrita. También existe un concepto como etiquetas de contenedores, pero este es sólo un nombre genérico para las etiquetas de apertura y cierre. Como escribí anteriormente, además de las etiquetas de contenedor, también hay etiquetas individuales. La diferencia es que no es necesario cerrar dichas etiquetas. El ejemplo más claro y común es la etiqueta de nueva línea.

Básicamente, las etiquetas individuales se utilizan para insertar un elemento, como una imagen o una tabla.

¿Qué son los atributos, las reglas de escritura y por qué son necesarios?

Además de las etiquetas, también existen las llamadas atributos. Más precisamente, no además, sino en etiquetas. Usando atributos que puedes configurar Opciones adicionales para cualquier etiqueta. Atributos cada etiqueta tiene la suya, pero en este tema experimentaremos con la etiqueta , que, sin atributos, en realidad no hace nada significativo.

Fuente— una etiqueta contenedora utilizada para dar formato al texto. Mediante el uso de esta etiqueta puedes poner el texto en negrita, cambiar el tamaño y la distancia entre líneas; en general, todo lo que puedes hacer con el texto. Veamos un ejemplo con el tamaño del texto. Primero, incluyamos el texto en una etiqueta de fuente.

Texto

Ahora un poco sobre las reglas para escribir atributos. Atributos Siempre están escritos en la etiqueta de apertura y después de los caracteres de la propia etiqueta. Puede escribir varios atributos en una etiqueta en cualquier orden. Puede encontrar los atributos en el sitio web del validador del W3C (sobre el que escribiré a continuación). Aquí hay un ejemplo de una etiqueta de fuente con un atributo de tamaño:

Texto

Este atributo en la etiqueta de fuente cambia el tamaño del texto encerrado en las etiquetas.
Si abres el código fuente de la página, verás que el lugar donde palabra grande"Texto" parece

Texto

Ya has visto cómo se escriben los atributos. Se escriben exactamente de la misma manera en otras etiquetas: primero escribimos el atributo en sí (en en este caso tamaño), luego escriba “=" y encierre el parámetro de atributo en doble comillas. Puedes encontrar todos los parámetros de atributos en la misma web del consorcio. World Wide Web.

¿Qué es un validador del W3C, reglas de escritura y lista de etiquetas?

Como escribí, hay muchas etiquetas. ¿Pero dónde puedes encontrarlos todos? Para esto existe validador del W3C W3C - Mundial consorcio web, y en ruso, el Consorcio World Wide Web. No está del todo claro, ¿verdad? Este es el lugar donde se desarrollan los estándares web (los lenguajes de marcado de hipertexto son su creación). Al frente de todo el consorcio está Tim Berners-Lee, conocido por el artículo anterior, el creador de HTML. El sitio web de esta organización es w3.org. Te lo advierto, el sitio está completamente en inglés, así que ten un diccionario o traductor en tu navegador. Por cierto, la calificación de Google para este sitio es 9 y 37.000 (eso es mucho, si alguien no lo sabe).

Volvamos al tema del artículo. Estamos interesados ​​en los estándares del lenguaje HNTML 4.01. Siga el enlace Especificación HTML 4.01, después de lo cual vemos la pestaña de elementos en la parte superior, haga clic en ella. Entonces se abre la página con todas las etiquetas. Estas etiquetas fueron desarrolladas y adoptadas como estándar por el consorcio. Todo, nuevamente, está en inglés. Inmediatamente después de las palabras "Índice de elementos" vemos una leyenda (el significado de las letras en las columnas):

E inmediatamente después de la leyenda hay una tabla de las propias etiquetas:

  • En la primera columna - Nombre— el nombre de la etiqueta en sí es lo que debería estar entre corchetes angulares (< и >).
  • Segunda columna - Etiqueta de inicio- presencia de una etiqueta de apertura. EN esta columna puede ver la letra "O", que significa "Opcional", y en la traducción del inglés - Opcional. Esta letra está presente sólo frente a las etiquetas. , , Y y significa que puedes poner una etiqueta de apertura, o no es necesario: el navegador hará todo por sí solo.
  • Tercera columna - Etiqueta final— presencia de una etiqueta de cierre. Frente a esta etiqueta puedes ver tanto la letra “O” como la letra “F”. El significado del primero no ha cambiado. La segunda letra, "F", literalmente "prohibido" en inglés, significa que está prohibido poner una etiqueta de cierre, simplemente no existe. Por ejemplo, no hay ninguna etiqueta., porque no hay nada que ocultar en él.
  • Cuatro - Vacío— significa que la etiqueta es única (vacía). Todas las etiquetas que tienen la letra "E" delante en esta columna también tienen la letra "F" en la columna anterior. Después de todo, etiquetas individuales no hay cierres. Un ejemplo es la misma etiqueta. .
  • Quinta columna - Dep. o Obsoleto- del inglés "no recomendado". Si esta columna contiene la letra “D” (que se descifra exactamente de la misma manera), significa que no se recomienda el uso de esta etiqueta en HTML. Mirando un poco hacia adelante, hoy para el diseño tanto de texto como apariencia Se utiliza todo el sitio y el documento HTML. mesas en cascada estilos - CSS. En pocas palabras, se crea un archivo en el que se escriben todos los parámetros de texto que pueden ser llamados por ciertos atributos de etiqueta. Entonces, esta función Se utiliza sólo en sitios web, porque CSS no es aplicable al enviar noticias por correo electrónico o RSS. Y aquí estas mismas etiquetas vienen al rescate. La mayoría de estas etiquetas, por cierto, se relacionan con el diseño de texto ( Y
    son un ejemplo)
  • Sexta columna - DTD- puede contener una letra "L", o "F". Primero - "L" - DTD suelto— significa que la etiqueta opuesta a la cual está carta dada, sólo se puede utilizar en un tipo de documento de transición (- Transicional, sobre el que escribí en el artículo anterior). Segundo - "F"Cuadro DTD— significa que la etiqueta sólo se puede utilizar en un documento, escriba FRAMESET (- Conjunto de cuadros). Si falta la letra, la etiqueta se puede utilizar en todo tipo de documentos.
  • Y la última, séptima columna - DescripciónBreve descripción etiqueta, de nuevo en inglés

Los atributos están contenidos en la misma página de la especificación HTML 4.01, pero en la pestaña “atributos”. Hay muchos más atributos que etiquetas. Y nuevamente escribiré todo punto por punto.

  • Primera columna - Nombre– como en el caso de las etiquetas – el nombre del atributo. Todo está en inglés, pero tener conocimiento básico puedes adivinar qué hace este o aquel atributo.
  • Segunda columna - Elementos relacionados es una lista de todas las etiquetas que utilizan cualquier atributo. Todas las etiquetas tienen enlaces, por lo que puede acceder inmediatamente a información sobre la etiqueta.
  • Tercera columna - Tipo- esto es todo valores posibles atributo específico. Por ejemplo, frente al que seleccionamos atributo de tamaño V Etiqueta de fuente el valor es CDATA. Lo veremos más adelante, pero en resumen, es un conjunto especial de opciones de tamaño (en este caso). Después de todo, puedes escribir tanto píxeles como porcentajes.
  • Cuarta columna - Por defecto- indica si el atributo es requerido en una etiqueta determinada. Por ejemplo, en la etiqueta Img atributo src requerido, ya que indica la fuente desde la cual tomar la fotografía.
  • Las columnas 6, 7 y 8 significan lo mismo que en el caso de las etiquetas.

Todo lo anterior se aplica sólo a la versión HTML 4.01. Hablaremos de HTML 5 en otro artículo y también tocaremos XHTML. Y ahora, como prometí, crearemos una página en HTML con la que experimentaremos.

Crear un archivo en formato html - documento HTML

Primero que nada, averigüemos qué es. documento HTML. Y este es, de hecho, un archivo en formato HTML. Y todas las páginas de Internet son documentos HTML. Por ejemplo, cuando llegas a un sitio en Barra de dirección al final podrás ver “.html” o “.htm” después de la dirección. Este es el archivo que crearemos con esta extensión. En general, si desea experimentar con un sitio web en lugar de una página, entonces es mejor crear servidor local— Denver (sobre el que quiero escribir todo).

Teniendo en cuenta que ni siquiera hablé de las etiquetas presentes en cada página, simplemente crearemos un archivo con cualquier nombre y extensión.html. Es posible (y mejor) utilizar Bloc de notas++, porque este editor de texto utiliza resaltado de código, lo cual es muy conveniente al editar código y puede guardar archivos en una variedad de formatos. También hay programas en los que, cuando se escribe un código, el resultado aparece inmediatamente en forma procesada.

Entonces solo necesitamos abrir Bloc de notas++ y guarda el archivo con texto libre(puede estar vacío), pero en formato .html. Para hacer esto, como de costumbre, haga clic en la inscripción del archivo, luego “guardar como” y busque entre gran lista extensiones "Archivo de lenguaje de marcado de hipertexto(extensiones de archivo)". Eso es todo, en realidad. Agregaremos las primeras líneas a este archivo en el próximo artículo de la sección “Crear un sitio web desde cero”

XML está pensado para ser utilizado ampliamente; los caracteres no se limitan al conjunto de caracteres ASCII de 7 bits. Los caracteres permitidos en XML incluyen los tres caracteres de control ASCII, todos los caracteres ASCII normales y casi todos los demás. caracteres Unicode

Nombres.

En XML, todos los nombres deben comenzar con una letra, guión bajo (_) o dos puntos (:) y solo deben continuar con caracteres de nombre válidos, lo que significa que solo pueden contener letras que formen parte de la sección de letras. Codificaciones Unicode, números arábigos, guiones, guiones bajos, puntos y dos puntos. Sin embargo, los nombres no pueden comenzar con una cadena xml en ningún caso. Los nombres que comienzan con estos caracteres están reservados para uso del W3C. Hay que recordar que como las letras no se limitan exclusivamente caracteres ASCII, entonces puedes usar palabras de tu idioma nativo en los nombres.

Estructura del documento XML.

Cualquier documento XML consta de las siguientes partes:

  • Prólogo opcional.
  • Cuerpo del documento.
  • Un epílogo opcional que sigue al árbol de elementos.

Veamos cada una de las partes con más detalle.

Prólogo del documento XML.

El documento XML comienza con un prólogo. El prólogo contiene algunas instrucciones para el analizador XML y las aplicaciones.

El prólogo consta de varias partes:

  1. una declaración XML opcional que está encerrada entre caracteres. El anuncio contiene:
    • marca xml y número de versión de la especificación XML;
    • una indicación de la codificación de caracteres (codificación) en la que está escrito el documento (por defecto codificación="UTF-8");
    • el parámetro independiente que puede tomar los valores "sí" o "no" (por defecto standalone="yes" ). El valor "sí" indica que el documento contiene todas las declaraciones de elementos requeridas y "no" indica que contiene definiciones externas DTD.

    Todo esto en conjunto podría verse así:

    .

    Es importante tener en cuenta que en una declaración XML, sólo se requiere el atributo de versión, todos los demás atributos pueden omitirse y, por lo tanto, tomar valores predeterminados. También debe recordar que todos estos atributos deben especificarse únicamente en el orden indicado anteriormente.

  2. comentarios.
  3. comandos de procesamiento.
  4. Símbolos de espacios vacíos.
  5. opcional declaración de tipo de documento, DTD (Declaración de tipo de documento) que se incluye entre los caracteresy puede abarcar varias líneas. Esta parte declara las etiquetas utilizadas en el documento o proporciona un enlace al archivo en el que se registran dichas declaraciones.

Después declaración de tipo de documento También pueden seguir comentarios, comandos de procesamiento y caracteres de espacios en blanco.

Dado que todas estas partes son opcionales, se puede omitir el prólogo.

El cuerpo del documento XML.

El cuerpo del documento consta de uno o más elementos. En un documento XML con el formato adecuado, los elementos forman un árbol jerárquico simple, que necesariamente contiene elemento raíz(elemento raíz) en el que están anidados todos los demás elementos del documento. lenguaje XML impone una presión extrema sobre los elementos limitación importante- deben insertarse correctamente. Esto hace que sea bastante fácil incrustar un documento XML en otro sin violar la estructura del documento, mientras elemento raíz de un documento anidado simplemente se convertirá en uno de los elementos del documento en el que está anidado. En este sentido, nos encontramos ante otra limitación, a saber, que los nombres de los elementos deben ser únicos dentro del documento, ya que en el documento incluido los mismos nombres que en el documento adjunto pueden tener un significado completamente diferente. Para solucionar el problema de la coincidencia de nombres, se introdujo el concepto de espacio de nombres.

Nombre elemento raíz se considera el nombre de todo el documento y se indica en la segunda parte del prólogo después de la palabra Doctype. Si la definición de DTD está dentro de un documento XML, se coloca entre corchetes después del nombre del elemento raíz:

Pero normalmente la DTD se define para varios documentos XML a la vez. En este caso, conviene anotarlo por separado del documento y luego, en lugar de corchetes Se escribe una de las palabras Sistema o Público seguida de la dirección en forma de URI (Identificador Uniforme de Recursos) del archivo con la definición de la DTD. Para todos los propósitos prácticos, un URI se considera equivalente a URL, aunque en principio podría ser cualquier cosa nombre único. La definición de DTD, por ejemplo, podría verse así:

Espacios de nombres XML

Dado que diferentes documentos XML pueden contener los mismos nombres de etiquetas y sus atributos, que tienen significados completamente diferentes, es necesario poder distinguirlos de alguna manera. Para ello, a los nombres de etiquetas y atributos se les asigna un prefijo corto, que está separado del nombre por dos puntos. El prefijo del nombre está asociado a un identificador que define espacio de nombres(espacio de nombres). Todos los nombres de etiquetas y atributos cuyos prefijos están asociados con el mismo identificador forman uno espacio de nombres, en el que los nombres deben ser únicos. El prefijo y el identificador del espacio de nombres se definen mediante el atributo xmlns de la siguiente manera:

En el futuro, los nombres de las etiquetas y atributos que queremos asignar al espacio de nombres "http://URI_namespace" tendrán el prefijo ns, por ejemplo:

Novosibirsk.

El atributo xmlns puede aparecer en cualquier elemento XML, y no sólo en la raíz. El prefijo que define se puede utilizar en el elemento en el que está escrito el atributo xmlns y en todos los elementos anidados en él. Además, se pueden definir varios espacios de nombres en un elemento. En elementos anidados espacio de nombres se puede anular asociando el prefijo con un identificador diferente. La aparición de un nombre de etiqueta sin prefijo en un documento que utiliza espacio de nombres, significa que el nombre pertenece al espacio de nombres predeterminado. Los prefijos que comienzan con caracteres xml están reservados en cualquier caso para el propio lenguaje XML.

El nombre junto con el prefijo se denomina nombre extendido o calificado. La parte del nombre escrita después de los dos puntos se llama parte local nombre.

¡Hola queridos lectores del blog! Continuamos con la sección "Crear un sitio web desde cero" y, en particular, el tema de las etiquetas... Y hoy veremos las etiquetas que están presentes en cualquier página de Internet. , Y . Hay una etiqueta más que debe estar en cada documento HTML y sobre la cual ya escribí en uno de los artículos anteriores, por lo que no la tocaremos.

En artículos anteriores de esta sección, escribí sobre la creación. archivo vacío V formato html. De hecho, se usó en el artículo sobre (ahí es donde se aplicaron las etiquetas de título). Ahora editaremos directamente este archivo con descripciones completas.

Y comenzaremos el artículo editando el archivo creado. Personalmente lo llamé index.html, pero el nombre puede ser cualquier cosa. Ábrelo usando cualquier editor de texto(Es mejor usar Notepad++, ya que tiene resaltado de código y otras funciones útiles). E inmediatamente agrégale etiquetas. , Y exactamente en el orden en que están escritos. No olvides cerrarlos, como se muestra en la captura de pantalla. El documento se verá así:

Ahora veamos el significado de cada etiqueta por separado. No en vano están en todos. Documento HTML.

Funciones de etiqueta

Entonces la etiqueta es envase(). Contiene todo el contenido visible e invisible de una página web (incluidas las etiquetas Y ). Etiqueta de apertura viene inmediatamente después de la declaración Doctype, y el cierre aparece al final del documento. Por lo tanto, le deja claro al navegador dónde comenzar a procesar el documento y dónde finalizarlo.

En teoría, él mismo puede entender qué y cómo. Después de todo ? Este es un traductor HTML y es poco probable que comience a procesar desde la mitad del documento y lo termine antes de llegar al final. La pregunta es, por supuesto, controvertida, pero siempre pensé (y ahora no abandono mi opinión) que escribir esta etiqueta es obligatorio.

Incluso considerando que la función de esta etiqueta es sólo marcando límites de contenido, tiene sus propios atributos (que ahora no se utilizan en absoluto o se utilizan muy raramente). EN diferentes fuentes Se indican atributos que son diferentes entre sí, por lo que no me atrevo a proponer la versión correcta.

Lo único que puedo decir con seguridad es que la mayoría de los atributos no son compatibles con HTML 4.01 o no son deseables. Aunque todavía daré un ejemplo. : información sobre herramientas en cualquier parte del documento. Por ejemplo, cuando pasa el mouse sobre una imagen, es posible que aparezca un texto emergente. También en el caso de esta etiqueta:

Esto es lo que verá cuando pase el cursor sobre un documento con este contenido:

Es preferible utilizar Título Atributo no en la etiqueta y en cualquier otra área específica de la página. En primer lugar, es conveniente y, en segundo lugar, los motores de búsqueda tratarán mejor su sitio. Esta etiqueta no afecta directamente a la optimización de recursos. Vamonos.

Función de etiqueta

Y el siguiente en la fila es etiqueta . contiene todo Información técnica sobre una página que sirve de ayuda al navegador y a los motores de búsqueda. La etiqueta es una etiqueta de contenedor y viene inmediatamente después , solo que a diferencia del último, la etiqueta de cierre no aparece al final del documento, sino antes de la etiqueta de apertura .

¿Qué información puedes ver en ? Pero ninguno. Todo lo que está dentro de esta etiqueta es accesible al ojo humano sólo viendo código fuente páginas. Todo el contenido de esta etiqueta está destinado a los motores de búsqueda y navegadores. Lo único que puedes ver de alguna manera es la etiqueta. , que es responsable del título de la ventana de la página web. He aquí un ejemplo:</p> <p><img src='https://i0.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>El texto después del icono es el contenido de la etiqueta. <title>. Ahora veamos el contenido. <head>que no podemos ver, pero que es una parte muy importante <b>creación y promoción del sitio.</b> Primero que nada, esta es la línea.</p><p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </p><p>Esta es una metaetiqueta responsable de <b>tipo de contenido de la página</b>(Tipo de contenido). En este caso, se trata de código html en codificación UTF-8 (content="text/html; charset=UTF-8"). Luego viene <a href="https://innovakon.ru/es/phone/soderzhimoe-tega-title-teg-title-nazvanie-stranicy-chego-nelzya-delat-pri.html">etiqueta de título</a> descrito arriba. Luego vienen las líneas que comienzan con la etiqueta. <link>. Indica una conexión con <a href="https://innovakon.ru/es/services/izmenenie-vneshnego-vida-teksta-v-dokumente-raznica-mezhdu.html">documento externo</a>. Por ejemplo, la línea</p><p> <link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" /> </p><p>indica que está conectado un archivo (rel="stylesheet") con (type="text/css"), que se encuentra en tal o cual dirección (para reducir la longitud de la línea, reemplacé la mitad de la dirección con puntos) . Después de procesar esta cadena por parte del navegador, determinará de dónde obtenerla. <b>Hojas de estilo en cascada</b>.</p> <p>En general, en <a href="https://innovakon.ru/es/phone/kak-opredelit-nezakrytye-tegi-html-tegi-html-head-body-tegi-kotorye.html">etiqueta de cabeza</a> hay mucha información de la que se puede hablar sin cesar. Lo último que vale la pena destacar (específicamente en el caso de) es la presencia de etiquetas de descripción, <a href="https://innovakon.ru/es/internet/parser-klyuchevyh-slov-onlain-yandeks-podbor-klyuchevyh-slov-v-key.html">palabras clave</a> y canónico. yo suelo <b><a href="https://innovakon.ru/es/services/nastroit-plagin-in-seo-pack-pravilnaya-nastroika-all-in-one-seo-pack-podrobnoe.html">Todos los complementos</a> en <a href="https://innovakon.ru/es/services/kak-ustanovit-plagin-all-in-one-seo-pack-nastroiki-glavnoi-stranicy-plagin-all-in-one-seo-pack.html">Un SEO</a> Embalar</b>, por lo que están presentes dentro <head>.</p> <p>El contenido de un documento html o página web está determinado por el contenido <a href="https://innovakon.ru/es/phone/izmenit-shirinu-stranicy-html-parametry-css-width-i-height-dlya-zadaniya-razmerov.html">elementos html</a>.</p> <h3>elementos HTML</h3> <p>Un elemento HTML es todo lo que se encuentra entre las etiquetas de inicio (apertura) y fin (cierre).</p> <h3>Sintaxis del elemento HTML</h3> <ul><li>El elemento HTML comienza con <b>etiqueta de apertura/inicio</b>.</li> <li>El elemento HTML termina <b>etiqueta de cierre/finalización</b>.</li> <li><b>Contenido del elemento</b> Esto es todo lo que hay entre las etiquetas de apertura y cierre.</li> <li>Algunos elementos pueden ser <b>vacío</b>.</li> <li>Los elementos vacíos constan sólo de <b>apertura</b> etiqueta.</li> <li>Grande <a href="https://innovakon.ru/es/settings/teg-hr-imeet-zakryvayushchuyu-chast-html-tegi-na-primere-p-br-hr-i-ih.html">parte html</a> elementos pueden tener <b>atributos.</b></li> </ul><p>(Aprenderá más sobre los atributos en capítulos posteriores del tutorial).</p> <h3>Elementos anidados</h3> <p><a href="https://innovakon.ru/es/internet/kak-razdelit-fail-neskolko-chastei-kak-razbit-fail-razbienie-bolshih.html">La mayoría de</a> Los elementos html se pueden anidar unos dentro de otros. Un documento HTML consta de elementos anidados.</p> <h3>Ejemplo</h3> <html><p> <body><br> <p>Este es mi primer párrafo.</p><br> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body></p> <p>El ejemplo anterior consta de tres elementos:</p> <p><b>1. </b> Elemento <b><p> </b> Se utiliza para insertar un párrafo en una página web. Tiene etiquetas de apertura y cierre. El contenido de este elemento en nuestro ejemplo es la inscripción "Este es mi primer párrafo".</p> <p><b>2. </b> Elemento <b><body> </b> describe <a href="https://innovakon.ru/es/rates/ne-vidit-chast-fleshki-podklyuchennoe-ustroistvo-usb-rabotaet.html">parte visible</a> contenido de la página web. Tiene etiquetas de apertura y cierre. Contiene un elemento <p>Con contenido propio.</p> <p><b>3. </b> Elemento <b><html> </b> describe todo el documento html. Tiene etiquetas de apertura y cierre. Ya contiene dos elementos. <body>Y <h3>No olvides la etiqueta de cierre.</h3> <p>La mayoría de los navegadores mostrarán su <a href="https://innovakon.ru/es/internet/specsimvoly-html-css-ispolzovanie-probelnyh-simvolov-dlya.html">código HTML</a>, incluso si olvidas poner la etiqueta de cierre. Sin embargo, esto puede provocar errores y resultados impredecibles.</p> <p>¡Atención! Las versiones futuras de HTML evitarán que olvides las etiquetas de cierre.</p> <h3>Elementos HTML vacíos</h3> <p>Los elementos HTML sin contenido se denominan elementos vacíos. Los elementos vacíos constan de una sola etiqueta.</p> <p><b><br> </b> este <a href="https://innovakon.ru/es/internet/web-developer-rasshirenie-pokazat-skrytye-elementy-izobrazheniya-s.html">elemento vacío</a>, que no tiene etiqueta de cierre (se utiliza para mostrar una barra horizontal).</p> <p>En XHTML, XML y futuro <a href="https://innovakon.ru/es/phone/konvertery-html-v-pdf-kak-preobrazovat-html-fail-v-pdf-fail-chto-neobhodimo.html">Versiones HTML</a> todos los elementos deben estar cerrados. Para hacer esto solo necesitas agregar <a href="https://innovakon.ru/es/rates/naklonnaya-cherta-na-klaviature-kak-nazyvaetsya-kosaya-cherta-i-obratnaya.html">barra oblicua</a> separados por un espacio después del nombre de la etiqueta <b><br /> </b>. Este <a href="https://innovakon.ru/es/phone/prilozheniya-dlya-shkoly-bez-interneta-privychka-uchitsya-luchshie.html">Buen hábito</a>, que será útil en el futuro.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="single-popular"> <div class="single-popular-tit col-lg-12">Popular en la categoría:</div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/5be8b76667696c4cd63a8c38979b50af.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Cómo combinar capas en Photoshop en una o combinarlas en un grupo Cómo combinar varias capas en Photoshop"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Cómo fusionar capas en Photoshop en una o combinarlas en un grupo...</div> <a href="https://innovakon.ru/es/settings/sposoby-obedineniya-sloev-v-fotoshope-kak-obedinit-sloi-v-fotoshope-v.html" rel="bookmark" title="Cómo combinar capas en Photoshop en una o combinarlas en un grupo Cómo combinar varias capas en Photoshop">leer</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/33b72e60e1d3066a9663f391221dc014.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Transferir contactos a un nuevo teléfono Android"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Transferir contactos a un nuevo teléfono Android</div> <a href="https://innovakon.ru/es/phone/perenos-kontaktov-na-novyi-telefon-android-android-prilozheniya.html" rel="bookmark" title="Transferir contactos a un nuevo teléfono Android">leer</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/ff504b14456f4702a94368a161811b1d.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Samsung Galaxy se reinicia solo - Soluciones Galaxy note 4 se reinicia solo"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Samsung Galaxy se reinicia solo - Soluciones Galaxy Note...</div> <a href="https://innovakon.ru/es/internet/esli-xiaomi-postoyanno-perezagruzhaetsya-samsung-galaksi-perezagruzhaetsya-sam-po.html" rel="bookmark" title="Samsung Galaxy se reinicia solo - Soluciones Galaxy note 4 se reinicia solo">leer</a> <div class="clr"> </div> </div> </div> <div class="single-popular-item col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="single-popular-item-wrp"> <img width="150" height="120" src="/uploads/242e09224609f2b7cbd6b5b9f2adc411.jpg" class="attachment-sm-widget size-sm-widget wp-post-image" alt="Características clave de Kaspersky Rescue Disk"/ loading=lazy loading=lazy> <div class="single-popular-item-tit">Características clave de Kaspersky Rescue Disk</div> <a href="https://innovakon.ru/es/rates/skachat-zagruzochnyi-disk-kasperskogo-osnovnye-vozmozhnosti-kaspersky-rescue.html" rel="bookmark" title="Características clave de Kaspersky Rescue Disk">leer</a> <div class="clr"> </div> </div> </div> <div class="clr"></div> </div> </div>  <div class="sidebar col-lg-3 col-md-4 col-sm-12"> <div class="sidebar-wrp"> <div class="sidebar-wrp-title">últimos artículos</div> <div class="sidebar-wrp-des"> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/d93303aadea847492ee52538b585df87.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">MacBook no se conecta a wifi MacBook no ve...</div> <div class="clr"></div> <a href="https://innovakon.ru/es/phone/macbook-ne-podklyuchaetsya-k-wifi-avtomaticheski-makbuk-ne-podklyuchaetsya-k-wifi-makbuk-ne-vidit-vai-fai.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/094fe0c598853f299be65e8611b45d60.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Cómo ganar dinero con WebMoney</div> <div class="clr"></div> <a href="https://innovakon.ru/es/internet/kak-zarabotat-rubli-na-webmoney-kak-zarabotat-na-webmoney-proverennye.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/280d369c9d1e343119c3d855af4b9c4d.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Tableta "Supra": opiniones de clientes</div> <div class="clr"></div> <a href="https://innovakon.ru/es/rates/planshet-podelka-est-takoi-supra-firma-supra-planshet-otzyvy-pokupatelei-plyusy-i-minusy.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/b1724f08fa52145089eaa72f836127ee.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Ubicaciones de barcos en tiempo real</div> <div class="clr"></div> <a href="https://innovakon.ru/es/settings/voennye-korabli-v-realnom-vremeni-onlain-mestonahozhdeniya-sudov-v.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/534951a61241c179a7c060b9fe1143c8.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Los mejores programas para Android Grabar llamadas desde...</div> <div class="clr"></div> <a href="https://innovakon.ru/es/rates/prilozheniya-dlya-android-obuchayushchie-programmy-dlya-detei-luchshie.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/e280b0808c5e749938522ba1df2a41ec.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Eliminar a los no seguidores en Twitter</div> <div class="clr"></div> <a href="https://innovakon.ru/es/services/kak-udalit-ne-vzaimnyh-chitatelei-v-twitter-udalyaem-ne-chitatelei-v.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/229610355b0a27a465c73ddb25664556.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Conexión a Internet en una computadora portátil: todo lo posible...</div> <div class="clr"></div> <a href="https://innovakon.ru/es/phone/kak-vklyuchit-internet-na-kompyutere-ispolzuya-mobilnyi-telefon.html">leer</a> </div> <div class="last-post col-lg-12 col-md-12 col-sm-6 col-xs-6"> <div class="last-post-img"> <img width="60" height="48" src="/uploads/5399be52c80b405fedf00779a6136b42.jpg" class="attachment-sm-widget2 size-sm-widget2 wp-post-image" alt="" / loading=lazy loading=lazy> </div> <div class="last-post-tit">Samsung Galaxy S IV es el nuevo buque insignia...</div> <div class="clr"></div> <a href="https://innovakon.ru/es/phone/samsung-galaxy-s4-vtoroi-vzglyad-samsung-galaxy-s-iv-novyi-flagman-galakticheskogo-masshtaba-galak.html">leer</a> </div> <div class="clr"></div> </div> </div> <div id="text-4" class="widget widget_text sidebar-wrp"> <div class="textwidget"> </div> </div> <div id="ketena1" style="height:500px;width:260px;" align="center"></div> <div class="clr"></div> </div> </div> </div> </div> <div id="footer"> <div class="container"> <div class="row"> <div class="footer-contacts col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img src="/logo/logo.png" loading=lazy loading=lazy> <div class="footer-contacts-tit">innovakon.ru <br>Teléfonos móviles y comunicaciones.</div> <div class="footer-soc"> <div class="footer-soc-wrp"> <div class="soc_w"> <a href="#" class="soc-link vk" target="_blank"></a> <a href="#" class="soc-link fb" target="_blank"></a> </div> </div> </div> </div> <div class="footer-links col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div> <div class="footer-links col-lg-4 col-md-4 col-sm-4 col-xs-4" style="display: block;"> <ul> <li><a href="">Editorial del proyecto</a></li> <li><a href="">Publicidad en el sitio web.</a></li> </ul> <ul> <li><a href="https://innovakon.ru/es/feedback.html">Contactos</a></li> <li><a href="https://innovakon.ru/es/sitemap.xml">Mapa del sitio</a></li> </ul> </div> </div> </div> <div class="copyright">© 2024 Teléfonos móviles y comunicaciones.</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="https://innovakon.ru/wp-content/themes/trudinsp/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://innovakon.ru/wp-content/themes/trudinsp/js/SmoothScroll.js"></script> <a id="scroll-to-top" href="#" title="Vuelve al comienzo">Arriba</a> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.1'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.3'></script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var stbUserOptions = { "mode":"css","cssOptions":{ "roundedCorners":false,"mbottom":20,"imgHide":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/minus.png","imgShow":"http:\/\/innovakon.ru\/wp-content\/plugins\/wp-special-textboxes\/themes\/stb-metro\/plus.png","strHide":"\u0421\u043a\u0440\u044b\u0442\u044c","strShow":"\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c"} }; /* ]]> */ </script> <script type='text/javascript' src='https://innovakon.ru/wp-content/plugins/wp-special-textboxes/js/wstb.min.js?ver=5.5.101'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script> <script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>