Este documento describe los principales lenguajes y tecnologías utilizadas en el desarrollo de aplicaciones web desde el lado del cliente, incluyendo HTML para estructurar el contenido, CSS para dar estilo y JavaScript para agregar comportamiento interactivo. Explica elementos básicos como párrafos, encabezados, listas y tablas en HTML y cómo agregar formato y estilo con CSS. También cubre la creación de enlaces e inserción de imágenes.
Este documento proporciona una introducción general a los conceptos básicos del lenguaje HTML. Explica que HTML es el lenguaje de etiquetas utilizado para crear páginas web y describe su estructura y elementos básicos como etiquetas, atributos, encabezados, párrafos, listas, tablas e imágenes. También introduce conceptos como elementos de bloque y línea, y explica cómo personalizar el estilo visual de una página web utilizando hojas de estilo en cascada (CSS).
Este documento describe cómo crear el diseño de una página web utilizando hojas de estilos en cascada (CSS). Explica las ventajas de usar CSS, como separar el contenido del diseño y ahorrar ancho de banda. Luego detalla cómo crear la estructura HTML de la página y definir las capas y estilos CSS para la cabecera, barra de navegación, contenido, barra lateral y pie de página.
Este documento describe los conceptos básicos de HTML y CSS. Explica que HTML es un lenguaje de marcado utilizado para crear páginas web, mientras que CSS es un lenguaje de diseño que define la presentación de páginas HTML. Luego detalla elementos clave de HTML como etiquetas, atributos, estructura básica de páginas, y componentes como listas, tablas e imágenes. Finalmente, cubre selectores y propiedades básicas de CSS para modificar colores, tipografía, tamaños, bordes y
El documento describe HTML (Hypertext Markup Language) como el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que el navegador interpreta para mostrar contenido en la pantalla, incluyendo imágenes, hipervínculos y formatos de texto. HTML define la estructura básica de una página web.
El documento describe cómo establecer características de color y fondo en documentos HTML, incluyendo el color del texto, enlaces, fondo y más. También cubre cómo dividir páginas en marcos para mostrar diferentes secciones de contenido.
El documento describe cómo establecer características de color y fondo en documentos HTML, incluyendo el color del texto, enlaces, fondo y más. También cubre cómo estructurar el texto usando etiquetas como <p>, <h1-6>, <hr>, y cómo incluir listas ordenadas y desordenadas. Finalmente, explica cómo incluir imágenes y tablas en documentos HTML.
El documento resume los conceptos básicos de HTML, incluyendo su historia, elementos, atributos y estructura. Explica los diferentes contenedores como párrafos, encabezados, listas y tablas. También cubre hipervínculos, imágenes y formularios. Por último, menciona el uso de CSS y JavaScript para dar estilo y comportamiento a las páginas web.
Este documento describe los principales lenguajes y tecnologías utilizadas en el desarrollo de aplicaciones web desde el lado del cliente, incluyendo HTML para estructurar el contenido, CSS para dar estilo y JavaScript para agregar comportamiento interactivo. Explica elementos básicos como párrafos, encabezados, listas y tablas en HTML y cómo agregar formato y estilo con CSS. También cubre la creación de enlaces e inserción de imágenes.
Este documento proporciona una introducción general a los conceptos básicos del lenguaje HTML. Explica que HTML es el lenguaje de etiquetas utilizado para crear páginas web y describe su estructura y elementos básicos como etiquetas, atributos, encabezados, párrafos, listas, tablas e imágenes. También introduce conceptos como elementos de bloque y línea, y explica cómo personalizar el estilo visual de una página web utilizando hojas de estilo en cascada (CSS).
Este documento describe cómo crear el diseño de una página web utilizando hojas de estilos en cascada (CSS). Explica las ventajas de usar CSS, como separar el contenido del diseño y ahorrar ancho de banda. Luego detalla cómo crear la estructura HTML de la página y definir las capas y estilos CSS para la cabecera, barra de navegación, contenido, barra lateral y pie de página.
Este documento describe los conceptos básicos de HTML y CSS. Explica que HTML es un lenguaje de marcado utilizado para crear páginas web, mientras que CSS es un lenguaje de diseño que define la presentación de páginas HTML. Luego detalla elementos clave de HTML como etiquetas, atributos, estructura básica de páginas, y componentes como listas, tablas e imágenes. Finalmente, cubre selectores y propiedades básicas de CSS para modificar colores, tipografía, tamaños, bordes y
El documento describe HTML (Hypertext Markup Language) como el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que el navegador interpreta para mostrar contenido en la pantalla, incluyendo imágenes, hipervínculos y formatos de texto. HTML define la estructura básica de una página web.
El documento describe cómo establecer características de color y fondo en documentos HTML, incluyendo el color del texto, enlaces, fondo y más. También cubre cómo dividir páginas en marcos para mostrar diferentes secciones de contenido.
El documento describe cómo establecer características de color y fondo en documentos HTML, incluyendo el color del texto, enlaces, fondo y más. También cubre cómo estructurar el texto usando etiquetas como <p>, <h1-6>, <hr>, y cómo incluir listas ordenadas y desordenadas. Finalmente, explica cómo incluir imágenes y tablas en documentos HTML.
El documento resume los conceptos básicos de HTML, incluyendo su historia, elementos, atributos y estructura. Explica los diferentes contenedores como párrafos, encabezados, listas y tablas. También cubre hipervínculos, imágenes y formularios. Por último, menciona el uso de CSS y JavaScript para dar estilo y comportamiento a las páginas web.
La barra de menú de Word contiene opciones para abrir, guardar, editar, ver, insertar, formato, herramientas, tablas, ventanas y comparación con otros programas de Office como Publisher, PowerPoint y Excel. Ofrece funciones básicas como edición de texto, formato, inserción de imágenes y tablas, y comparación de documentos.
Este documento presenta las tecnologías JSP, JSTL y XML para el desarrollo de aplicaciones web. Introduce hojas de estilo CSS para dar formato a páginas web, y explica cómo usar JSP y XML juntos para presentar y generar documentos XML. También cubre el uso de JSTL para desarrollar etiquetas personalizadas en JSP y una breve introducción a AJAX. El documento concluye con ejercicios prácticos y referencias sobre estas tecnologías.
Este documento introduce los conceptos básicos de HTML y CSS. Explica que HTML es un lenguaje de marcado utilizado para estructurar páginas web y no es un lenguaje de programación. Describe las etiquetas, atributos y la estructura básica de una página web. También cubre elementos como listas, encabezados, tablas, imágenes y enlaces. Finalmente, introduce CSS y cómo se puede utilizar para dar formato y estilo a las páginas web de manera independiente al contenido HTML.
Este documento proporciona una introducción al lenguaje HTML. Explica que HTML se usa para describir la estructura y contenido de páginas web y que consiste en etiquetas que definen elementos como encabezados, párrafos, listas, imágenes y enlaces. También describe las partes principales de un documento HTML, como la etiqueta <head> para metadatos y la etiqueta <body> para el contenido visible, y presenta muchas etiquetas HTML comunes y sus atributos.
El documento resume los elementos básicos del lenguaje HTML como el formato de texto, cabeceras, color, tipo de letra y tamaño. Explica cómo aplicar etiquetas como <b>, <i>, <u>, <h1-h6> para dar formato a texto y cómo usar atributos como "face", "size" y "color" para controlar el tipo, tamaño y color del texto.
HTML es un lenguaje que permite crear documentos web mediante la inserción de marcas que controlan su presentación y comportamiento. Los documentos HTML tienen una cabecera y un cuerpo, y contienen información estructurada en bloques de texto, tablas, listas, imágenes y enlaces.
Este documento presenta diferentes etiquetas HTML para modificar el formato y estilo de texto en una página web. Explica cómo usar las etiquetas <font> y <basefont> para cambiar el color, tamaño y fuente del texto. También cubre etiquetas para agrupar párrafos como <p> y para alinear el texto dentro de los párrafos usando el atributo "align". Finalmente, incluye un ejemplo de código HTML que aplica varias de estas etiquetas.
El documento lista las principales etiquetas de HTML y brinda una breve descripción de cada una. Algunas de las etiquetas más importantes son <html> para definir el documento HTML, <head> para el encabezado, <body> para el cuerpo, <p> para párrafos, <h1>-<h6> para encabezados, <ul> y <ol> para listas, <table> para tablas, <a> para hipervínculos, y <img> para imágenes. En total, se definen más de 50 etiquetas comúnmente usadas
El documento lista las principales etiquetas de HTML y brinda una breve descripción de cada una. Algunas de las etiquetas más importantes son <html> para definir el documento HTML, <head> para el encabezado, <title> para el título, <body> para el cuerpo del documento, <h1> a <h6> para encabezados, <p> para párrafos, <ul> y <ol> para listas, <img> para imágenes, <a> para hipervínculos, <table> para tablas y <form> para formularios
El documento resume los conceptos clave del lenguaje de presentación CSS. Explica que CSS separa el contenido de una página web de su presentación visual, permitiendo definir estilos que se aplican a elementos HTML. Describe la sintaxis básica de CSS y cómo pueden definirse estilos internamente en una página o en archivos externos. También explica los diferentes tipos de medios para los que se pueden aplicar estilos, como pantallas, impresoras y dispositivos móviles.
El documento introduce los conceptos básicos de HTML y el funcionamiento de la web. Explica que la web sigue un modelo cliente-servidor, con un servidor que ofrece el servicio y clientes que lo reciben. Además, describe que HTML es un lenguaje de marcado usado para estructurar y presentar contenido en la web, y que consiste en etiquetas que definen el significado y formato del texto.
HTML es el lenguaje de etiquetas que define las páginas web. Incluye etiquetas para texto, hipervínculos, imágenes, tablas y otros elementos. La tabla describe las etiquetas más comunes como <A>, <IMG>, <P>, <TABLE> y sus atributos.
XML no reemplaza a HTML sino que lo complementa. Mientras que HTML se usa para dar formato y presentar contenido a través de un navegador, XML se usa para manejar la información de manera separada del formato. XML representa una manera más avanzada de compartir datos entre aplicaciones y plataformas de una forma segura y compatible.
Este curso enseña PHP y bases de datos MySQL para el desarrollo de sitios web dinámicos. Cubre conceptos desde cero como HTML, servidores web, PHP y SQL, y tiene un proyecto práctico de construir un sitio web completo con funciones avanzadas como registro de usuarios, validaciones, reportes, subida de archivos y más. El objetivo es que los estudiantes dominen PHP y puedan desarrollar portales web profesionales.
CSS es un lenguaje para definir la presentación de documentos HTML y XML, separando la estructura del documento de su presentación. CSS provee tres métodos para aplicar reglas de estilo: hojas de estilo externas, internas e inline. Las hojas de estilo externas son la forma más poderosa al separar completamente las reglas de formato del contenido. CSS ofrece ventajas como control centralizado de la presentación y accesibilidad para usuarios.
Este documento describe el diseño de una base de datos para un blog de noticias donde los usuarios pueden publicar comentarios. Se propone un modelo con colecciones para usuarios, noticias y comentarios, con índices para consultas frecuentes como búsquedas por nombre de usuario, código postal o número de teléfono. Se discuten dos opciones para almacenar los teléfonos y la dirección de los usuarios.
El documento explica que HTML es el lenguaje usado para crear páginas web y consiste en etiquetas que dan formato estructura al contenido. Además, provee una breve historia de HTML y una tabla con muchas etiquetas HTML comunes y sus atributos.
Este documento proporciona información sobre las etiquetas HTML body, title, head e información general sobre HTML. Define que la etiqueta body permite especificar atributos de fondo, tipo y tamaño de letra, y color del texto y enlaces. La etiqueta title define el título del documento y es obligatoria dentro de head. El elemento head contiene metadatos, scripts y estilos del documento. Finalmente, define que HTML es un lenguaje de marcado para la elaboración de páginas web que establece una estructura básica y código para definir contenido
Este documento proporciona una introducción al lenguaje HTML para definir páginas web. Explica la estructura básica de un documento HTML, incluyendo las etiquetas <html>, <head> y <body>. También describe varias etiquetas comunes como <p>, <img>, <a> y <table> para formato de texto, inserción de imágenes, enlaces e hipervínculos, y tablas. Finalmente, introduce el uso de marcos para dividir la ventana del navegador en subventanas.
Este documento proporciona información sobre HTML (Hypertext Markup Language), incluyendo una breve descripción de su evolución desde 1991 hasta 2011, así como tablas que describen las etiquetas HTML y sus atributos.
HTML es un sistema para estructurar documentos que pueden ser mostrados en navegadores web. Los documentos HTML tienen una cabecera, cuerpo y estructura básica definida por etiquetas como <html>, <head>, <title>, <body>. Dentro del cuerpo se pueden incluir texto, imágenes, listas, hipervínculos y otros elementos.
HTML es el lenguaje de marcado utilizado para crear páginas web. Define la estructura básica y el código para el contenido de una página como texto, imágenes y otros elementos. Ha evolucionado a lo largo del tiempo incorporando nuevas características para hacerlo más eficiente en diferentes plataformas. Los navegadores deben actualizarse regularmente para interpretar correctamente las nuevas versiones de HTML.
La barra de menú de Word contiene opciones para abrir, guardar, editar, ver, insertar, formato, herramientas, tablas, ventanas y comparación con otros programas de Office como Publisher, PowerPoint y Excel. Ofrece funciones básicas como edición de texto, formato, inserción de imágenes y tablas, y comparación de documentos.
Este documento presenta las tecnologías JSP, JSTL y XML para el desarrollo de aplicaciones web. Introduce hojas de estilo CSS para dar formato a páginas web, y explica cómo usar JSP y XML juntos para presentar y generar documentos XML. También cubre el uso de JSTL para desarrollar etiquetas personalizadas en JSP y una breve introducción a AJAX. El documento concluye con ejercicios prácticos y referencias sobre estas tecnologías.
Este documento introduce los conceptos básicos de HTML y CSS. Explica que HTML es un lenguaje de marcado utilizado para estructurar páginas web y no es un lenguaje de programación. Describe las etiquetas, atributos y la estructura básica de una página web. También cubre elementos como listas, encabezados, tablas, imágenes y enlaces. Finalmente, introduce CSS y cómo se puede utilizar para dar formato y estilo a las páginas web de manera independiente al contenido HTML.
Este documento proporciona una introducción al lenguaje HTML. Explica que HTML se usa para describir la estructura y contenido de páginas web y que consiste en etiquetas que definen elementos como encabezados, párrafos, listas, imágenes y enlaces. También describe las partes principales de un documento HTML, como la etiqueta <head> para metadatos y la etiqueta <body> para el contenido visible, y presenta muchas etiquetas HTML comunes y sus atributos.
El documento resume los elementos básicos del lenguaje HTML como el formato de texto, cabeceras, color, tipo de letra y tamaño. Explica cómo aplicar etiquetas como <b>, <i>, <u>, <h1-h6> para dar formato a texto y cómo usar atributos como "face", "size" y "color" para controlar el tipo, tamaño y color del texto.
HTML es un lenguaje que permite crear documentos web mediante la inserción de marcas que controlan su presentación y comportamiento. Los documentos HTML tienen una cabecera y un cuerpo, y contienen información estructurada en bloques de texto, tablas, listas, imágenes y enlaces.
Este documento presenta diferentes etiquetas HTML para modificar el formato y estilo de texto en una página web. Explica cómo usar las etiquetas <font> y <basefont> para cambiar el color, tamaño y fuente del texto. También cubre etiquetas para agrupar párrafos como <p> y para alinear el texto dentro de los párrafos usando el atributo "align". Finalmente, incluye un ejemplo de código HTML que aplica varias de estas etiquetas.
El documento lista las principales etiquetas de HTML y brinda una breve descripción de cada una. Algunas de las etiquetas más importantes son <html> para definir el documento HTML, <head> para el encabezado, <body> para el cuerpo, <p> para párrafos, <h1>-<h6> para encabezados, <ul> y <ol> para listas, <table> para tablas, <a> para hipervínculos, y <img> para imágenes. En total, se definen más de 50 etiquetas comúnmente usadas
El documento lista las principales etiquetas de HTML y brinda una breve descripción de cada una. Algunas de las etiquetas más importantes son <html> para definir el documento HTML, <head> para el encabezado, <title> para el título, <body> para el cuerpo del documento, <h1> a <h6> para encabezados, <p> para párrafos, <ul> y <ol> para listas, <img> para imágenes, <a> para hipervínculos, <table> para tablas y <form> para formularios
El documento resume los conceptos clave del lenguaje de presentación CSS. Explica que CSS separa el contenido de una página web de su presentación visual, permitiendo definir estilos que se aplican a elementos HTML. Describe la sintaxis básica de CSS y cómo pueden definirse estilos internamente en una página o en archivos externos. También explica los diferentes tipos de medios para los que se pueden aplicar estilos, como pantallas, impresoras y dispositivos móviles.
El documento introduce los conceptos básicos de HTML y el funcionamiento de la web. Explica que la web sigue un modelo cliente-servidor, con un servidor que ofrece el servicio y clientes que lo reciben. Además, describe que HTML es un lenguaje de marcado usado para estructurar y presentar contenido en la web, y que consiste en etiquetas que definen el significado y formato del texto.
HTML es el lenguaje de etiquetas que define las páginas web. Incluye etiquetas para texto, hipervínculos, imágenes, tablas y otros elementos. La tabla describe las etiquetas más comunes como <A>, <IMG>, <P>, <TABLE> y sus atributos.
XML no reemplaza a HTML sino que lo complementa. Mientras que HTML se usa para dar formato y presentar contenido a través de un navegador, XML se usa para manejar la información de manera separada del formato. XML representa una manera más avanzada de compartir datos entre aplicaciones y plataformas de una forma segura y compatible.
Este curso enseña PHP y bases de datos MySQL para el desarrollo de sitios web dinámicos. Cubre conceptos desde cero como HTML, servidores web, PHP y SQL, y tiene un proyecto práctico de construir un sitio web completo con funciones avanzadas como registro de usuarios, validaciones, reportes, subida de archivos y más. El objetivo es que los estudiantes dominen PHP y puedan desarrollar portales web profesionales.
CSS es un lenguaje para definir la presentación de documentos HTML y XML, separando la estructura del documento de su presentación. CSS provee tres métodos para aplicar reglas de estilo: hojas de estilo externas, internas e inline. Las hojas de estilo externas son la forma más poderosa al separar completamente las reglas de formato del contenido. CSS ofrece ventajas como control centralizado de la presentación y accesibilidad para usuarios.
Este documento describe el diseño de una base de datos para un blog de noticias donde los usuarios pueden publicar comentarios. Se propone un modelo con colecciones para usuarios, noticias y comentarios, con índices para consultas frecuentes como búsquedas por nombre de usuario, código postal o número de teléfono. Se discuten dos opciones para almacenar los teléfonos y la dirección de los usuarios.
El documento explica que HTML es el lenguaje usado para crear páginas web y consiste en etiquetas que dan formato estructura al contenido. Además, provee una breve historia de HTML y una tabla con muchas etiquetas HTML comunes y sus atributos.
Este documento proporciona información sobre las etiquetas HTML body, title, head e información general sobre HTML. Define que la etiqueta body permite especificar atributos de fondo, tipo y tamaño de letra, y color del texto y enlaces. La etiqueta title define el título del documento y es obligatoria dentro de head. El elemento head contiene metadatos, scripts y estilos del documento. Finalmente, define que HTML es un lenguaje de marcado para la elaboración de páginas web que establece una estructura básica y código para definir contenido
Este documento proporciona una introducción al lenguaje HTML para definir páginas web. Explica la estructura básica de un documento HTML, incluyendo las etiquetas <html>, <head> y <body>. También describe varias etiquetas comunes como <p>, <img>, <a> y <table> para formato de texto, inserción de imágenes, enlaces e hipervínculos, y tablas. Finalmente, introduce el uso de marcos para dividir la ventana del navegador en subventanas.
Este documento proporciona información sobre HTML (Hypertext Markup Language), incluyendo una breve descripción de su evolución desde 1991 hasta 2011, así como tablas que describen las etiquetas HTML y sus atributos.
HTML es un sistema para estructurar documentos que pueden ser mostrados en navegadores web. Los documentos HTML tienen una cabecera, cuerpo y estructura básica definida por etiquetas como <html>, <head>, <title>, <body>. Dentro del cuerpo se pueden incluir texto, imágenes, listas, hipervínculos y otros elementos.
HTML es el lenguaje de marcado utilizado para crear páginas web. Define la estructura básica y el código para el contenido de una página como texto, imágenes y otros elementos. Ha evolucionado a lo largo del tiempo incorporando nuevas características para hacerlo más eficiente en diferentes plataformas. Los navegadores deben actualizarse regularmente para interpretar correctamente las nuevas versiones de HTML.
Este documento presenta una introducción a HTML y JavaScript. Explica conceptos básicos como la estructura de un documento HTML, elementos como encabezados, párrafos y listas, y también introduce conceptos de CSS y JavaScript. Finalmente, brinda una historia sobre el desarrollo de HTML y las organizaciones relacionadas como el W3C.
El documento proporciona una introducción al lenguaje HTML y cómo crear y mejorar páginas web. Explica las etiquetas básicas de HTML como <HTML>, <HEAD>, <BODY>, <TITLE>, <P>, <H1>-<H6>, <CENTER>, y <HR> y cómo se usan para estructurar una página web. También cubre etiquetas adicionales como <BR>, <B>, <I>, <U>, <BLOCKQUOTE>, <OL>, <UL>, <A HREF>, <BGCOLOR>, <BACKGROUND>, <LINK>, <VLINK>, <ALINK>
Este documento presenta una introducción al curso de HTML y JavaScript. El objetivo del curso es proveer conceptos fundamentales sobre estos lenguajes para que los asistentes puedan utilizarlos en sus proyectos informáticos. Los temas a cubrir incluyen Internet, HTML, CSS, JavaScript, elementos HTML, tablas, hipervínculos, imágenes y formularios.
Este documento describe los elementos básicos del lenguaje HTML, incluyendo etiquetas, estructura de páginas web, formatos de texto como párrafos, listas y separadores, y componentes como encabezados y cuerpos. Explica cómo HTML utiliza etiquetas para dar formato y estructura al contenido web.
Este documento describe los elementos básicos del lenguaje HTML, incluyendo etiquetas, estructura básica de una página web, tipos de listas, y formatos de texto. Explica que HTML usa etiquetas para estructurar el contenido, y que una página típica contiene una sección de encabezado y una sección de cuerpo.
Este documento introduce las hojas de estilo en cascada (CSS) y sus características y usos. CSS permite separar la presentación de un documento de su contenido, lo que facilita la modificación y mantenimiento de los estilos. CSS puede aplicarse a una página web entera, un documento HTML, una etiqueta específica o una pequeña porción de texto. Esto proporciona gran flexibilidad y control sobre la presentación.
El documento describe HTML (Hypertext Markup Language) como el lenguaje utilizado para crear páginas web y está compuesto de etiquetas que el navegador interpreta para mostrar contenido en la pantalla, incluyendo imágenes, hipervínculos y formatos de texto. HTML define la estructura básica de una página web.
Este documento introduce las hojas de estilo en cascada (CSS) y sus características y ventajas. CSS permite aplicar formato y estilo a documentos HTML de forma separada del contenido, lo que mejora la accesibilidad, flexibilidad y mantenimiento de las páginas web. CSS puede usarse para dar formato a una página individual, un sitio web completo o partes específicas de una página mediante etiquetas como <DIV>.
Este documento describe los elementos básicos de HTML para crear páginas web. Explica las marcas o tags que delimitan elementos como encabezados, párrafos y bloques de texto. También describe la estructura básica de un documento HTML con la cabecera, título y cuerpo, y los diferentes elementos que pueden incluirse en el cuerpo como encabezados, párrafos, líneas horizontales y comentarios. Por último, explica cómo controlar los colores de fondo, texto y enlaces.
Este documento resume brevemente la historia de la web, desde los lenguajes de marcado como HTML hasta las tecnologías más recientes como CSS, Javascript y el concepto de "Web 2.0". Explica cómo evolucionaron las páginas web estáticas a sitios dinámicos y cómo surgieron estándares como XHTML, así como tecnologías para agregar y sindicar contenido de forma semántica como RSS.
Este documento proporciona una introducción al diseño de páginas web con HTML. Explica conceptos básicos como etiquetas, navegadores, editores y la estructura básica de una página. También cubre elementos como texto, encabezados, listas, tablas, imágenes y enlaces hypertextuales, proporcionando ejemplos de código HTML para cada uno. El documento es una guía práctica para el diseño de páginas web utilizando este lenguaje de marcado.
Este documento proporciona una introducción al lenguaje de marcado HTML. Explica que HTML es una implementación del estándar SGML para codificar documentos hipertexto. Describe las características generales de HTML como permitir crear lenguajes de codificación descriptivos y definir una estructura jerárquica de documentos. También resume la sintaxis básica de HTML incluyendo etiquetas, atributos, comentarios y URLs.
El documento define HTML como un lenguaje de programación utilizado para desarrollar páginas web que surgió a partir de etiquetas SGML. Explica brevemente la historia de HTML y cómo ha evolucionado a través de diferentes versiones definidas por el W3C para hacerlo más eficiente y compatible entre navegadores. Finalmente, concluye que HTML permitió la creación del Internet moderno al permitir visualizar información en páginas web de manera más atractiva que sólo enviar archivos.
Este documento explica los fundamentos del lenguaje HTML para crear páginas web. Describe las etiquetas básicas de HTML como <html>, <head>, <title>, <body>, así como etiquetas para títulos, párrafos, formato de texto, listas, imágenes, hipervínculos, tablas y sonido. El HTML permite crear documentos estructurados para mostrar en internet y fue un gran avance tecnológico.
HTML es el lenguaje de marcado predominante para la elaboración de páginas web, describe la estructura y contenido de un documento a través de etiquetas. XML evolucionó de lenguajes como SGML e HTML para permitir compartir datos de forma más efectiva entre sistemas a través del uso de etiquetas definidas por el usuario. XML se ha convertido en una tecnología clave para el intercambio de información en la era digital.
El documento describe los elementos básicos del lenguaje HTML, incluyendo etiquetas para estructurar el contenido como <html>, <head>, <body>, <p>, así como etiquetas para formato de texto, hipervínculos, imágenes, tablas y formularios. También compara etiquetas de formato de texto y lista atributos comunes.
Este documento describe las funciones y características de los routers. Un router es un dispositivo de red que conecta diferentes redes y se encarga de encaminar los paquetes de datos de una red a otra de manera eficiente. Los routers utilizan tablas de enrutamiento y protocolos de enrutamiento para determinar la mejor ruta para enviar los paquetes. También proporcionan funciones como seguridad de red, administración centralizada y flexibilidad al conectar redes de diferentes ubicaciones.
El documento describe los conceptos fundamentales de la criptografía. La criptografía se utiliza para ocultar información mediante el cifrado de mensajes. Existen dos tipos principales de criptografía: la criptografía simétrica que usa la misma clave para cifrar y descifrar, y la criptografía asimétrica que usa claves públicas y privadas. La criptografía se aplica comúnmente en firmas digitales, correo electrónico seguro y autenticación.
Este documento describe las características básicas de las redes inalámbricas. Define qué es una red inalámbrica y WiFi, e identifica los tipos principales (infraestructura y ad-hoc), componentes (punto de acceso, router, tarjetas WiFi), frecuencias (2.4GHz y 5GHz) y antenas (direccionales, omnidireccionales, sectoriales). También cubre la instalación y configuración de redes inalámbricas domésticas o empresariales utilizando un router ADS
El documento describe los objetivos y acciones estratégicas de un proyecto municipal. Los objetivos principales incluyen mejorar las escuelas, centros médicos y generar empleos; fomentar la cultura, el deporte y cuidar el medio ambiente; y mejorar la seguridad pública. Las acciones estratégicas se enfocan en áreas como educación, cultura, deporte, empleo, medio ambiente, salud, jóvenes y niños.
Este documento presenta un proyecto de siembra intensiva y comercialización de plátanos en la población de Yaguaraparo, Municipio Cajigal, Estado Sucre. El proyecto tiene como objetivo aumentar la producción y comercialización de plátanos en la región para crear empleos y mejorar la seguridad alimentaria. Dos estudiantes de agroalimentaria de la Misión Sucre llevarán a cabo el proyecto en un terreno de 4 hectáreas para sembrar plátanos de manera intensiva y
El problema principal que se plantea es la falta de producción y comercialización del tomate perita en la población de Yaguaraparo, municipio Cajigal, estado Sucre, Venezuela. Esto genera una deficiencia en el abastecimiento de este producto alimenticio de origen vegetal que forma parte de la dieta de los habitantes de la zona. El proyecto busca aumentar la producción local de tomate perita a través de su siembra y cultivo para mejorar el acceso y disponibilidad de este rubro en la población.
La actividad a emprender del Centro Digital es la prestación de servicios.
• Cubrir los servicios técnicos, profesionales y comerciales como: fotocopiado, trabajos computarizados, fax, uso de páginas Web y de los servicios de correo electrónico, papelería en general, internet, Accesorios y repuestos para computadoras y contribuir al fortalecimiento del ser humano, sus capacidades en materia de investigación, estudio, documentación, conocimiento, difusión, promoción y formación sobre materias de interés común, sociedad de masas comunidades virtuales y del uso del software libre. Su atractivo reside en el precio, más barato que en otros lugares.
• Entretenimiento: acceso a Internet .El atractivo del negocio respecto a otros locales similares en este aspecto recae en su ambiente familiar, decorado, acogedor, informal, singular... Otra cualidad característica son sus ordenadores, mejores estética y funcionalmente que los de la competencia. Los servicios de conexión a Internet están dirigidos a cualquier persona interesada en ello, sin restricciones de edad ni de ningún otro tipo. Se trata de una empresa pequeña, con una actividad de servicios.
• TIPO DE ACTIVIDAD:
Es diseñar y desarrollar un servicio integral de copiado y acceso a internet dedicado exclusivamente al fotocopiado de documentos tangibles, ofreciendo un servicio de calidad que permitirá al cliente contar con una solución competitiva en tiempo real para la satisfacción de sus necesidades.
1. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
• HTML (HiperText Markup Language)
• El cuerpo del documento
• Caracteres especiales
• Imágenes
• Alineación y formato de texto
• Listas
• Enlaces
• Tablas
• Formularios
• Tipos de controles
• Maquetación
INTRODUCCIÓN AL HTML
2. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•HTML trata de definir la estructura de los documentos,
aunque también tenga alguna posibilidad de modificar su
apariencia.
•Se puede definir la estructura de un documento como la
relación que mantienen las partes del mismo entre ellas.
•Esto contrasta con el uso de los procesadores de texto que
consideran solo la apariencia de los documentos, y casi
nunca su estructura.
HTML (HiperText Markup Language)
3. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Etiqueta: un código que se inserta en el contenido del
documento para determinar la estructura del mismo
(<TAG> y </TAG>).
Atributo: aporta información adicional que modifica el
comportamiento de las etiquetas (atributo="valor").
Navegador: Programa especializado en evaluar las
etiquetas y el contenido de un documento HTML y de
mostrarlo conforme a las posibilidades del sistema.
También se encarga de solicitar nuevos documentos según
HTTP.
TERMINOLOGÍA
4. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
<HTML>
<HEAD>
<! esto es la cabecera del documento >
<META NAME=valor CONTENT=contenido>
<TITLE> Aquí va el titulo del documento</TITLE>
<link rel="stylesheet" type="" text/css="" href="estilos/css.css“>
<script language="JavaScript" type="text/javascript" src="validacion.js">
</script>
</HEAD>
<BODY>
<! este es el cuerpo del documento >
</BODY>
</HTML>
EL CUERPO DEL DOCUMENTO
5. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ETIQUETA <HTML>
•Marca el comienzo y el final del documento.
•En la práctica este par de etiquetas puede parecer opcional,
sobre todo la de cierre, pues muchos navegadores admiten
documentos sin ella, pero esto puede confundir a otros
navegadores que rechazarán la página Web o la mostrarán de
manera impredecible.
•Cualquier etiqueta del documento debe aparecer entre el par
de etiquetas <HTML> y </HTML>.
EL CUERPO DEL DOCUMENTO
6. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ETIQUETA <HEAD> <TITLE> <LINK>
•La etiqueta <HEAD> Contiene las definiciones globales a todo el documento
•El título del documento: <TITLE> título </TITLE> que será mostrado en la
barra de título del browser, por lo que deben ser cortos y representativos.
•Relaciones entre este documento y otros documentos Web para
determinar un mismo modo de impresión, hojas de estilo o scripts: <LINK>.
•<SCRIPT> Incluye código de lenguajes del lado del cliente o hace referencia
a archivos donde están descritos los script.
EL CUERPO DEL DOCUMENTO
7. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ETIQUETA <META>
•<META NAME=valor CONTENT=contenido>
•El modo en que el documento debe ser tratado o información utilizable por
motores de búsqueda y otros: <META>.
•Author identifica el autor que creó la página, y algunas veces el nombre del
editor HTML usado para crear la página.
•Description da una explicación de la página o de su uso, y suele ser utilizado
por los motores de búsqueda para hacer un resumen de la página.
•Copyright es el aviso oficial de derechos de copia de la página.
EL CUERPO DEL DOCUMENTO
8. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ETIQUETA <BODY>
<BODY [bgcolor=valor] [onload=accion] [onunload=accion]> </BODY>
•Determina la parte visible del documento.
Bgcolor: determina el color de fondo en tres códigos hexadecimales o
alguno de los 16 colores predefinidos (white, black, blue, green, etc).
Onload: determina el script a ejecutar cuando la página ha sido cargada
y antes de ser mostrada.
Onunload: lo mismo que en el caso anterior pero cuando la página se
abandona para ir a otra.
EL CUERPO DEL DOCUMENTO
9. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
La etiqueta <IMG> sirve para situar imágenes en una página.
Esta etiqueta no tiene etiqueta de cierre.
<img src=”RUTA DE IMAGEN” border=0 width = ”2” height=”9”>
IMAGENES
10. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•Encabezamientos <H1..5>
•Párrafos <P>
•Nueva Línea <BR>
•Texto Preformateado <PRE>
•Modificación de la Apariencia <EM>, <STRONG> etc.
ALINIACIÓN Y FORMATEO DE TEXTO
11. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ENCABEZAMIENTO
•<Hn> encabezado de nivel n </Hn>
•HTML permite definir 6 niveles de encabezados, siendo el 1 el más
importante.
•Los browsers utilizan un tipo de letra mayor y más negrita para un nivel que
para el siguiente.
•Un encabezado ocupa siempre una línea en exclusiva.
•Sirven para simular los títulos de capítulos, secciones, etc. pero no
determinan que los párrafos que les siguen pertenezcan a capítulo o sección
alguna.
ALINIACIÓN Y FORMATO DE TEXTO
12. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
PARRAFO
•<P> esto es un párrafo </P>
•Un párrafo comienza en una línea nueva y se mantiene junto.
•Aunque la etiqueta de cierre es opcional y se puede omitir se recomienda
su utilización siempre.
•Cada párrafo debe especificar su alineamiento con el atributo align, si no se
les aplicará el por defecto (align=right).
•Se pueden introducir saltos de línea dentro de un párrafo con <BR>,
etiqueta que no se cierra.
ALINIACIÓN Y FORMATO DE TEXTO
13. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
FONT
La etiqueta FONT se emplea para formatear el tipo y tamaño del
texto en algunos puntos del documento específicos.
<FONT FACE="arial" SIZE=5 COLOR=red>Tipo para formatear
</FONT>
ALINIACIÓN Y FORMATO DE TEXTO
14. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
TEXTO PREFORMATEADO
•<PRE> texto tal cual queremos que aparezca </PRE>
•Permite describir la forma en que queremos que aparezca un
texto, respetando el espaciado y los saltos de línea.
•El texto es presentado con una fuente de paso fijo.
ALINIACIÓN Y FORMATO DE TEXTO
15. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ENFATIZACIÓN
•El mismo efecto se puede conseguir con <I> y <B> pero
perdemos el significado estructural de que queremos enfatizar
algo, quedándonos exclusivamente en la forma física final.
ALINIACIÓN Y FORMATO DE TEXTO
16. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•HTML proporciona un conjunto de etiquetas especiales para
gestionar las listas, teniendo algún control sobre su apariencia.
•Las listas se pueden anidar.
•Listas Ordenadas: muestran un conjunto de items numerados para
mostrar algún tipo de jerarquía o importancia.
•Listas Sin Orden: muestran un conjunto de items sin que el orden
en que son mostrados implique grado de importancia o de
jerarquía alguno.
LISTAS
17. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
<OL>
<LI> item 1 </LI>
<LI> item 2 </LI>
...
<LI> item n </LI>
</OL>
•Se puede controlar el número inicial de la serie: <OL
start=numero>.
•También se puede elegir el conjunto de caracteres que
identifica cada item en la lista: <OL type=tipo>, con tipo a elegir
entre 1 para arábico, a o A para alfabético e i o I para romano.
LISTAS ORDENADAS
18. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
<UL>
<LI> item 1 </LI>
<LI> item 2 </LI>
...
<LI> item n </LI>
</UL>
•Se puede controlar el tipo de indicador de los items: <UL
bullet=tipo> donde tipo es uno a elegir entre circle, square y disc.
LISTAS DESORDENADAS
19. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
<UL>
<LI> item 1 </LI>
<LI> item 2 </LI>
...
<LI> item n </LI>
</UL>
•Se puede controlar el tipo de indicador de los items: <UL
bullet=tipo> donde tipo es uno a elegir entre circle, square y disc.
LISTAS DESORDENADAS
20. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•<A name=nombre href=destino> origen </A>
•Los hiperenlaces son la esencia del Web.
•Permiten ir de un documento a otro siguiendo los caminos que
han sido marcados por los creadores de los documentos Web.
•Tienen dos componentes: el ancla fuente y el ancla destino.
•Un ancla es una zona con nombre dentro de un documento
HTML.
HIPER ENLACES
21. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Tiene dos usos:
Como ancla para definir una referencia dentro de un documento.
<a name=“inicio”>Inicio:</a>
Como enlace a otra página ó a un ancla.
<a href=“#inicio” target=“_self”>Inicio</a>
<a href=“../../index.html”
target=“algunframe”>Indice</a>
<a href=“http://www.google.com/search?q=escafandra”
target=“_blank”> Búsqueda de Escafandra en Google</a>
HIPER ENLACES
22. DISEÑO DE PAGINAS WEB
mISION SUcrE EDO. SUcrE SEPtIEmBrE, 2008 PrOf. lUIS BrItO
PrOf. vIctOr UzcAtEGUI
•<TABLE> Tag de Inicio de la tabla.
•<CAPTION> Establece título a la tabla.
•<TR> Especifica cada fila.
•<TH> Declara el encabezado de cada columna.
•<TD> delimita cada celda dentro de cada fila (Columnas).
TABLAS
23. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
La etiqueta <TABLE> puede tener los siguientes atributos:
align: controla la colocación dentro de la página y acepta los valores
left, right o center.
width: determina la anchura de la tabla en pixels o en un porcentaje de
la anchura de la ventana del browser, 50% por ejemplo.
border: determina la anchura en pixels del borde si lo hay.
cellspacing: el espacio en pixels entre celdas.
cellpadding: el espacio en pixels entre el final de la celda y su
contenido.
TABLAS
24. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•Un formulario es una manera que provee HTML para interactuar
con el usuario quien necesita procesar cierta información.
•Es una sección de un documento que contiene texto, etiquetas,
elementos especiales llamados controles con sus etiquetas a
través de los cuales se recopila la información deseada.
•Generalmente el procesamiento de la información se realiza en el
servidor web, pero también se puede enviar la información a un
correo electrónico.
FORMULARIOS
25. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
<HTML>
<HEAD> … </HEAD>
<BODY>
<FORM action = “…..” method = “….” >
……
</ FORM>
…..
Action: indica la acción a realizar (enviar a un correo, al servidor)
method: indica como será enviado
FORMULARIOS
26. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ATRIBUTO ACTION
Especifica un agente de procesamiento
“URL HTTP”: envia los datos a un programa en un servidor.
<form action=“http://mipagina/programa"
method="post">
“URL mailto”: envia los datos a una dirección de correo
electrónico.
<form action="mailto:direcciondelcorreo@correo.com"
method="post" enctype="text/plain">
FORMULARIOS
27. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
ATRIBUTO METHOD
Especifica el método utilizado para enviar los datos
Get (valor por defecto) los datos a enviar se añaden al URL
(valor del atributo action) separados por el símbolo “?”, se
usa generalmente cuando se desea hacer consulta del
servidor.
Post los datos introducidos se incluyen en el cuerpo del
formulario y se los envía. Se usa generalmente para
procesos de actualización de datos.
FORMULARIOS
28. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Tipos de controles
• Campos de texto o contraseña
• Campos áreas de texto
• Casillas de verificación (checkbox)
• Botones de opción (radiobuttons)
• Campo de selección (combobox )
• Botones
FORMULARIOS
29. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
CUADRO DE TEXTO O CONTRACEÑA
Cuadros de texto
Puede ser
De una sola línea
<Input Type = “Text” name=“Nombre” Size=“25”
Maxlength=“20”>
De varias lineas
<Textarea name=“Comentarios” Cols=“30”
Rows=“10”> Escriba comentarios … </Textarea>
Con Contraseña:
<input type="password" name="contraseña">
FORMULARIOS
30. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
BOTONES DE RADIO
<input Type = “radio” name = “sexo” value = “Hombre” checked>
<input Type = “radio” name = “sexo” value = “Mujer”>
Se comportan igual que las casillas de verificción pero si comparten el mismo
nombre son mutuamente excluyentes.
FORMULARIOS
31. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
CASILLAS DE SELECCIÓN
Son del tipo si/no, on/off o verdadero/false
<input Type = “checkbox” name = “opcion” value = “ON”
checked>
• Pueden compartir el mismo nombre (name).
• El atributo checked hace que este preseleccionada.
FORMULARIOS
32. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
LISTAS DE OPCIONES
Listas de Opciones (Select):
<select name="transporte">
<option>Carro</option>
<option Selected>Avión</option>
<option>Tren</option>
<option>Barco</option>
</select>
FORMULARIOS
33. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
BOTONES
Submit: los datos del formulario son enviados por el método
correspondiente.
<input Type = “submit” value = “Enviar” >
Reset: Restablece todos los controles a sus valores iniciales
<input Type = “reset” value = “borrar” >
FORMULARIOS
34. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
•Podemos definir la distancia entre líneas del documento.
•Se puede aplicar identado a las primeras líneas del párrafo.
•Podemos colocar elementos en la página con mayor precisión, y sin
lugar a errores.
•Y mucho más, como definir la visibilidad de los elementos, margenes,
subrayados, tachados...
• Se definen atributos en las páginas utilizando unidades como: Pixels
(px) , porcentaje (%), Pulgadas (in), Puntos (pt) , Centímetros (cm)
MAQUETACIÓN
35. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Pequeñas partes de la página
<p>
Esto es un párrafo en varias palabras
<SPAN style="color:green">en color verde</SPAN>. resulta muy fácil.
</p>
Estilo definido para una etiqueta
<p style="color:#990000"> Esto es un párrafo de color rojo. </p>
<p style="color:#000099“> Esto es un párrafo de color azul. </p>
MAQUETACIÓN
36. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Estilo definido en una parte de la página
Con la etiqueta <DIV> podemos definir secciones de una página y
aplicarle estilos con el atributo style, es decir, podemos definir estilos de
una vez a todo un bloque de la página.
<div style="color:#000099; font-weight:bold">
<h3>Estas etiquetas van en <i>azul y negrita</i></h3>
<p>
Seguimos dentro del DIV, luego permanecen los etilos
</p>
</div>
MAQUETACIÓN
37. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Estilo definido para toda una página
<html>
<head>
<title>Ejemplo de estilos para toda una página</title>
<STYLE type="text/css">
<!--
H1 {text-decoration: underline; text-align:center}
P {font-Family:arial,verdana; color: white; background-color: black}
BODY {color:black;background-color: #cccccc; text-indent:1cm}
// -->
</STYLE>
</head> <body>
<h1>Página con estilos</h1> Bienvenidos...
<p>Siento ser tan hortera, pero esto es un ejemplo sin más importancia</p>
</body> </html>
MAQUETACIÓN
38. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Estilo definido para todo un sitio web
Creamos el fichero con la declaración de estilos
MAQUETACIÓN
P {
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;}
H1 {
$ font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;}
TD {
font-size : 10pt;
font-family : verdana,arial;
text-align : center;
background-color : 666666;}
BODY {
background-color : #006600;
font-family : arial;
color : White;}
39. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Enlazamos la página web con la hoja de estilos
•rel="STYLESHEET" indicando que el enlace es con una hoja de
estilos
•type="text/css" porque ela archivo es de texto, en sintaxis CSS
•href="estilos.css" indica el nombre del fichero fuente de los
estilos
MAQUETACIÓN
40. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Enlazamos la página web con la hoja de estilos
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="estilos.css">
<title>Página que lee estilos</title>
</head><body>
<h1>Página que lee estilos</h1>
Esta página tiene en la cabecera la etiqueta necesaria para enlazar con la hoja de
estilos. Es muy fácil.<br><br>
<table width="300" cellspacing="2" cellpadding="2" border="0">
<tr> <td>Esto está dentro de un TD, luego tiene estilo propio, declarado en el
fichero
externo</td></tr>
<tr> <td>La segunda fila del TD</td> </tr>
</table></body>
</html>
MAQUETACIÓN
41. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Definir estilos utilizando clases
<html>
<head>
<title>Ejemplo de la utilización de clases</title>
<STYLE type="text/css">
.fondonegroletrasblancas {background-color:black;color:white;font-size:12;font-
family:arial}
.letrasverdes {color:#009900}
</STYLE>
</head>
<body>
<h1 class=letrasverdes>Titulo 1</h1> <h1 class=fondonegroletrasblancas>Titulo 2</h1>
<p class=letrasverdes> Esto es un párrafo con estilo de letras verdes</p>
<p class=fondonegroletrasblancas> Esto es un párrafo con estilo de fondo negro
y las letras blancas. Es todo!</p>
</body>
</html>
MAQUETACIÓN
42. DISEÑO DE PAGINAS WEB
Estilo en los enlaces
<html>
<head>
<title>Ejemplos de estilo en enlaces</title>
<STYLE type="text/css">
A:link {text-decoration:none;color:#0000cc;}
A:visited {text-decoration:none;color:#ffcc33;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:underline;color:#999999;font-weight:bold}
</STYLE>
</head>
<body>
<a href="http://dominioinexistente.nofunciona.com">Enlace normal</a>
<a href="enlaces.html">Enlace visitado</a>
Pulsar este enlace para verlo activo,
poner el ratón por encima para que cambie.
</body>
</html>
MAQUETACIÓN
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
43. DISEÑO DE PAGINAS WEB
SErvI-WEBStING “rOBErt” AGOStO, 2010 tEól-INfOrmátIcO
rOBErtO rOmErO
Atributos de las capas
•Position (relative , absolute)
•Top
•Left
•Height
•Width
•Visibility (visible , hidden , inherit )
MAQUETACIÓN