Html

4º Unidad Didáctica Lenguaje HTML
Eduard Lara

1

ÍNDICE

4.1 Lenguaje HTML 4.2 Etiquetas HTML 4.3 Estructura del documento HTML 4.4 Texto en HTML en HTML 4.5 Hiperenlaces en HTML 4.6 Imágenes en HTML 4.7 Listas en HTML 4.8 Tablas en HTML 4.9 Creación de formularios en HTML 4.10 Marcos en HTML

2

1. LENGUAJE HTML
Lenguaje para crear páginas web estáticas, basado en marcas deHipertexto: Texto estructurado que incluye hiperenlaces a otros documentos, objetos multimedia. Especifica la estructura lógica del contenido (títulos, párrafos, listas, definiciones, citas, etc.) Especifica los diferentes efectos que se dan al contenido (cursiva, negrita, fuente, tamaño). El navegador web o interpretará y reproducirá la página web para que la pueda ver el usuario
3

1. LENGUAJEHTML
Un documento HTML consta de dos elementos: Los contenidos del documento Las marcas o etiquetas HTML que darán el formato adecuado a dichos contenidos. Las etiquetas HTML son porciones de texto especificas que permiten: Definir la estructura del documento Añadir al texto formatos y estilo Incrustar contenidos externos-hiperenlaces Insertar elementos multimedia e imágenes
4

2. ETIQUETAS HTMLSon palabras reservadas, que tienen un significado especial en el lenguaje (inst. de control) Estan encerradas entre los símbolos “” Existen dos tipos básicos de etiquetas: Etiquetas de inicio: Declaran el formato de los elementos que vienen a continuación: Etiquetas de fin o cierre: Indica al navegador que el formato que afectaba se acaba: HTML no diferencia entre mayúsculas y minúsculas a lahora de interpretar las etiquetas.
5

2. ETIQUETAS HTML
Ámbito acción etiqueta 1 Ámbito acción etiquetas 1 y 2 Ámbito acción etiquetas 1, 2 y 3 Ámbito acción etiquetas 1 y 2 Ámbito acción etiqueta 1
6

2. ETIQUETAS HTML
3 tipos etiquetas respecto el cierre: Etiquetas de apertura y cierre. La instrucción sólo se aplica al elemento que encierran. Deben estar «balanceadas»: Si seabren en un orden determinado, se deben cerrar en el orden inverso. Etiquetas sólo de apertura. El efecto se producirá en un punto determinado del documento sin afectar a otros elementos. Etiquetas de cierre opcional. Pueden adoptar uno de los dos formatos anteriores.
7

2. ATRIBUTOS HTML
Las etiquetas de inicio pueden venir acompañadas por una serie de atributos o modificadores que variaranciertos efectos del elemento contenido
Elemento

El orden de los atributos es indiferente. Los valores de atributo formados por dos o más palabras, debe ir entre comillas para evitar que el navegador lo malinterprete Cada atributo sólo puede tener un valor en cada etiqueta. Una etiqueta con un atributo repetido, puede provocar resultados imprevisibles en el navegador

8

3. ESTRUCTURADOCUMENTO HTML
Estructura básica de un documento genérico realizado en HTML: Titulo Pagina Web Elementos de la cabecera Contenido del documento
9

3. ESTRUCTURA DOCUMENTO HTML
Etiqueta Indica al navegador el lenguaje en el que está escrito. El documento llevará al principio y al final las etiquetas y . La extensión html del documento también ayuda. El esqueleto del documento estáconstituido por dos partes: la cabecera, delimitada por , y el cuerpo, delimitado por . Las etiquetas head y body son opcionales. Si no estuvieran presentes, el navegador considerará que todo forma parte del cuerpo del documento
10

3. ESTRUCTURA DOCUMENTO HTML
Etiqueta En la cabecera se incluirán las definiciones generales que afectan a todo el documento. Todas son opcionales y se utilizan en casosconcretos. Etiqueta Sirve para especificar el título que tendrá el documento: Título del documento Dicho título aparecerá en la barra del navegador. Es un elemento de identificación cuando la página se agrega a los favoritos o se ve en el historial de navegación.
11

3. ESTRUCTURA DOCUMENTO HTML
Etiqueta Redirecciona al usuario hacia la nueva ubicación del documento, en caso de cambio de...