Informatica

gias720.dis.ulpgc.es/Gias*/Cursos/*Tutorial_html/examples.htm
Marcado HTML
HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertasrestricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. ) y una etiqueta de cierre (p.ej. ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. Contenido). Algunos elementos, tales como , no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan variostipos de elementos de marcado usados en HTML.


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, Golf establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcadoestructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, negrita indica que los navegadores web visuales deben mostrar el texto ennegrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de negrita e itálica, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: enfásis fuerte y énfasis. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, sonequivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada.
Atributos
Códigos HTML básicos
: define el inicio del documento HTML, le indica al navegador quelo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo: * * : define la [cabecera](http://es.wikipedia.org/wiki/Cabecera) del documento HTML, esta **cabecera** suele contener información sobre el documentoque no se muestra directamente al [usuario](http://es.wikipedia.org/wiki/Usuario). Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera podemos encontrar: Un ejemplo de código HTML con [coloreado de sintaxis](http://es.wikipedia.org/wiki/Coloreado_de_sintaxis). * : define el título de la página. Por lo general, el título aparece en la barra de título encima dela ventana * : para vincular el sitio a [hojas de estilo](http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada) o iconos Por ejemplo: * : para colocar el estilo interno de la página; ya sea usando [CSS](http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada), u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta *: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting. * : define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden...