Editando HTML (sección)

== Marcador HTML ==
{{Referencias|t=20231213}}
El HTML se escribe utilizando «etiquetas», encerradas por [[paréntesis|corchetes angulares]] (<,>,/). Además de describir la estructura de un documento, el HTML puede, hasta cierto punto, definir su apariencia y hacer referencia a un tipo de programa llamado ''[[script]]'', el cual puede influir en el comportamiento de [[navegador web|navegadores web]] y otros procesadores de HTML.<ref>[http://www.ri5.com.ar/ayuda03.php www.ri5.com.ar/ayuda03.php] {{Wayback|url=http://www.ri5.com.ar/ayuda03.php |date=20180903065748 }} El lenguaje HTML.</ref>

El término HTML, también se refiere al contenido del [[Multipurpose Internet Mail Extensions|tipo de MIME]] <code>text/html</code> o de manera más amplia, como un término genérico para el HTML. Esto puede ser en forma derivada del [[XML]] (como [[XHTML]] 1.0 y versiones posteriores) o directamente derivado de [[SGML]] (como HTML 4.01 y versiones anteriores). El HTML consta de varios componentes esenciales, incluyendo ''elementos'' y sus ''atributos'', ''tipos de datos'' y la ''declaración de tipo de documento''.{{Cita requerida}}

=== Elementos ===
[[File:HTML element content categories.png|thumb|Categoría de contenido de elementos HTML]]
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Tanto los atributos como los contenidos tiene ciertas restricciones para que el documento HTML se considere válido. Generalmente, un elemento se compone de una etiqueta de apertura (por ejemplo, <code><nombre-de-elemento></code>) y una etiqueta de cierre correspondiente (por ejemplo, <code></nombre-de-elemento></code>). Los atributos del elemento se especifican dentro de la etiqueta de apertura, mientras que el contenido se sitúa entre ambas etiquetas (por ejemplo, <code><nombre-de-elemento&nbsp;atributo="valor">Contenido</nombre-de-elemento></code>). Algunos elementos, como <code><nowiki><br></nowiki></code>, carecen de contenido y no requieren una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

[[Archivo:Etiquetas en HTML.png|350px|thumb|Estructura general de una [[línea de código]] en el lenguaje de etiquetas HTML.]]El marcado ''estructural'' describe el propósito del texto. Por ejemplo, <code><nowiki><h2>Golf</h2></nowiki></code> establece «Golf» como un encabezado de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcador HTML» al inicio de esta sección. El marcado estructural no determina cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Se puede aplicar un formato específico al texto por medio de [[hojas de estilo en cascada|hojas de estilo en cascada (CSS)]] .

El marcado ''presentacional'' se encarga de definir la apariencia del texto, independientemente de su función. Por ejemplo, <code><nowiki><b>negrita</b></nowiki></code> indica que los navegadores web deben mostrar el texto en '''negrita''', pero no específica como deben interpretarlo los navegadores que presentan el contenido de otra manera distinta (como aquellos que leen el texto en voz alta). En contraste, en el caso de <code><nowiki><b>negrita</b></nowiki></code> e <code><nowiki><i>itálica</i></nowiki></code>, existen elementos con una naturaleza más semántica: <code><nowiki><strong>énfasis fuerte</strong></nowiki></code> y <code><nowiki><em>énfasis</em></nowiki></code>. Es evidente cómo un [[lector de pantalla]] debería interpretar estos dos últimos elementos. Sin embargo, a pesar de su similitud visual, son diferentes a equivalentes en presentación: un lector de pantalla no debería acentuar más el nombre de un libro, aunque este el nombre en ''itálicas'' en la pantalla. La mayoría del marcado en presentación ha sido desechado desde la versión 4.01, en favor de las hojas de estilo en cascada.

El marcado ''hipertextual'' se emplea para enlazar partes del documento con otros documentos o con otras secciones del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <code><a></code> junto con el atributo <code>href</code>, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace que muestre el texto de la dirección y se dirija hacia la Wikipedia podría tener esta forma <code><a href=”https://www.wikipedia.org”><nowiki>https://www.wikipedia.org</nowiki></a></code>. También es posible crear enlaces con otros objetos, como imágenes <code><a href=”enlace”><img src=”imagen” /></a></code>.

=== Atributos ===
{{VT|Atributo HTML}}

En su mayoría, los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos dentro de la etiqueta de inicio de un elemento, después del nombre del elemento. El valor puede estar encerrado por comillas dobles o simples, aunque ciertos tipos de valores pueden carecer de comillas en HTML (pero no en XHTML).<ref>{{Cita web |url=http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2 |título=www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2<!--INSERT TITLE-->}}</ref><ref>{{Cita web |url=http://www.w3.org/TR/xhtml1/diffs.html#h-4.4 |título=www.w3.org/TR/xhtml1/diffs.html#h-4.4<!--INSERT TITLE-->}}</ref> De todas maneras, dejar los valores sin comillas se considera poco seguro.<ref>{{Cita web |url=http://www.cs.tut.fi/~jkorpela/qattr.html |título=www.cs.tut.fi/~jkorpela/qattr.html<!--INSERT TITLE--> |fechaacceso=3 de junio de 2008 |fechaarchivo=21 de noviembre de 2008 |urlarchivo=https://web.archive.org/web/20081121032139/http://www.cs.tut.fi/~jkorpela/qattr.html |deadurl=yes }}</ref> Por otro lado, en contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia,<ref>{{Cita web |url=http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html |título=www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html<!--INSERT TITLE-->}}</ref>como el atributo <code>ismap</code> para el elemento <code>img</code>.<ref>{{Cita web |url=http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#adef-ismap |título=www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#adef-ismap<!--INSERT TITLE-->}}</ref>