Diplomatura de Fisioterapia - APENDICE A Robles, HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas Web ( HyperText Markup Language)
Diplomatura de Fisioterapia - APENDICE A Robles, Una página Básica Uso de etiquetas para describir el lenguaje. Uso de etiquetas para describir el lenguaje. Inicio de una etiqueta. Inicio de una etiqueta. Cierre de una etiqueta. Cierre de una etiqueta. Documento: [todo el documento] Documento: [todo el documento] Dos zonas principales: Dos zonas principales: Encabezamiento:... Encabezamiento:... Cuerpo:... Cuerpo:... Estructura: Estructura:<HTML><HEAD> Titulo de la página Titulo de la página </HEAD><BODY> [Aquí van las etiquetas que visualizan la página} [Aquí van las etiquetas que visualizan la página}</BODY></HTML> HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Dando formato de texto Retorno de carro:. Retorno de carro:. Párrafo nuevo (retorno carro + línea en blanco): Párrafo nuevo (retorno carro + línea en blanco): Múltiples líneas en blanco: Múltiples líneas en blanco: Espacios en blanco entre palabras: “ ”. Espacios en blanco entre palabras: “ ”. Cabeceras:... ;....;... Cabeceras:... ;....;... Centrado:... Centrado:... Separadores Horizontales:. Separadores Horizontales:. Negrita:... Negrita:... Cursiva:... Cursiva:... Acentos: “ &{letra acentuada}acute; ”. Acentos: “ &{letra acentuada}acute; ”. HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 1 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 1 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Listas de elementos Listas desordenadas: Listas desordenadas: Una cosa. Una cosa. otra cosa. otra cosa. otra más. otra más. Listas numeradas: Listas numeradas: Una cosa. Una cosa. otra cosa. otra cosa. otras más. otras más. Anidamiento Anidamiento HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 2 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 2 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Enlaces con otras páginas Existen cinco tipos de enlaces: Existen cinco tipos de enlaces: ·Enlaces dentro de la misma página. ·Enlaces con otra página nuestra. ·Enlaces con una página fuera de nuestro sistema. ·Enlaces con una dirección de correo electrónico. ·Enlaces con documentos de nuestro sistema. Enlace dentro de la misma página. El enlace se define como: Texto sensible. El enlace se define como: Texto sensible. El punto exacto donde queremos llegar a través del enlace lo definiremos como: El punto exacto donde queremos llegar a través del enlace lo definiremos como:.... HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Enlaces con otra página nuestra Si la página está en la misma página: Si la página está en la misma página: texto sensible. texto sensible. Si la página esta en otro directorio habría que escribir la ruta exacta. Si la página esta en otro directorio habría que escribir la ruta exacta. texto sensible. texto sensible. Enlaces con una página fuera de nuestro sistema Una vez conocida la URL: Una vez conocida la URL: texto sensible. texto sensible. HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Enlaces con una dirección de Una vez conocida la dirección de correo electrónico: Una vez conocida la dirección de correo electrónico: texto sensible. texto sensible. Inclusión de documentos en la página Una vez que se sabe en que directorio reside el fichero: Una vez que se sabe en que directorio reside el fichero: texto sensible. texto sensible. HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 3 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 3_A (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página3_B(HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Imágenes Conocida la localización de la Imagen: Conocida la localización de la Imagen: Texto alternado: Texto alternado: Alineación del texto respecto a la imagen: Alineación del texto respecto a la imagen: Titular. Titular. Imagen como elemento sensible en un enlace: Imagen como elemento sensible en un enlace: HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 4 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 4 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Caracteres Especiales. < para < < para < > para > > para > & para & & para & " para “ " para “ á para á. á para á. é para é. é para é. í para í. í para í. ó para o. ó para o. ú para ú. ú para ú. ñ para ñ ñ para ñ Ñ para Ñ Ñ para Ñ ü para ü. ü para ü. Ü para Ü Ü para Ü ¿ o ¿ para ¿ ¿ o ¿ para ¿ ¡ o ¡ para ¡ ¡ o ¡ para ¡ HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 5 (ennavegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 5 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Fondos Se puede cambiar el fondo de dos maneras distintas: · Con un color uniforme. · Con un color uniforme. · Con una imagen. · Con una imagen. Fondos con un color uniforme XX es un numero indicativo de la cantidad de rojo. YY es un numero indicativo de la cantidad de verde. ZZ es un numero indicativo de la cantidad de azul. ¡¡Ojo!! HEXADECIMAL: A B C D E F El menor es el 00(0x0) y el mayor el FF(FxF). Los colores principales son: #FF Rojo. #FFFFFF - Blanco. #00FF00 - Verde. # – Negro. #0000FF - Azul. #FFFF00 - Amarillo. HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Colores del texto y de los enlaces <BODY BGCOLOR=“#XXYYZZ” TEXT=“#XXYYZZ” LINK=“#XXYYZZ” VLINK=“#XXYYZZ” ALINK=“#XXYYZZ”> TEXT - Color del texto. TEXT - Color del texto. LINK - Color de los enlaces. LINK - Color de los enlaces. VLINK - Color de los enlaces visitados. VLINK - Color de los enlaces visitados. ALINK - Color de los enlaces activos. ALINK - Color de los enlaces activos. Imagen de fondo. <BODY BACKGROUND=“image.ext” BGCOLOR=“#CCFFFF” TEXT=“#AA0000”> TEXT=“#AA0000”> HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 6 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 6 HTML HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Alineación de la imagen. Permite alinear una imagen a la izquierda o a la derecha de Permite alinear una imagen a la izquierda o a la derecha de la página y hacer que el texto la rodee completamente. Diferente del titular de la imagen, que era una frase breve. Diferente del titular de la imagen, que era una frase breve. La sintaxis es: La sintaxis es: Si se quiere interrumpir el rellenado a los lados de la imagen: Si se quiere interrumpir el rellenado a los lados de la imagen: HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 7 (ennavegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 7 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Dimensionado de Imágenes. La carga de la imagen no interrumpirá la carga de la página La carga de la imagen no interrumpirá la carga de la páginacompleta. La estructura a seguir es: La estructura a seguir es: HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 8 (en navegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 8 (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, TABLAS Estructura: Estructura: <TR> </TR><TR> </TR></TABLE> HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 9_A (ennavegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 9_A (HTML) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 9_B (ennavegador) HTML
Diplomatura de Fisioterapia - APENDICE A Robles, Página 9_B (HTML) HTML