Este documento presenta 7 prácticas básicas de HTML para crear páginas web. La práctica 1 explica cómo crear una página básica. La práctica 2 cubre los fondos, encabezados y bloques de texto. La práctica 3 trata sobre los resaltados de texto y controles de fuente. La práctica 4 explica las listas. La práctica 5 cubre los hipervínculos e imágenes. La práctica 6 explica el uso de tablas. La práctica 7 presenta los
Este documento presenta una guía de laboratorio sobre el desarrollo de páginas web. Explica el funcionamiento básico de la web usando el modelo cliente-servidor y proporciona una introducción a HTML, incluyendo etiquetas comunes como <html>, <head>, <body>, y ejemplos de tablas, imágenes y formularios simples creados con HTML.
Este documento presenta una guía de laboratorio sobre HTML. Explica el funcionamiento básico de la web y introduce conceptos clave de HTML como etiquetas, encabezados, cuerpos y zonas. Incluye 12 ejemplos prácticos de uso de etiquetas HTML para formato de texto, tablas, listas, enlaces, imágenes y formularios. Al final propone 3 tareas relacionadas con el análisis y aplicación de las etiquetas así como la inserción de applets de Java y formatos de color en los ejemplos.
Guia N5 Proyectos Web Consultas Php Y My SqlJose Ponce
El documento presenta una guía de laboratorio sobre programación con PHP para conectar y consultar una base de datos MySQL. Incluye funciones PHP para conectarse a la base de datos, seleccionar una tabla, enviar consultas SQL, obtener y procesar resultados, y cerrar la conexión. También presenta ejemplos de código PHP para realizar consultas simples y con criterios de búsqueda a tablas de una base de datos. El objetivo final es que el estudiante desarrolle 4 formularios para consultar diferentes tablas.
Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas
nuestras páginas y ahorrarnos escribir los elementos mínimos de una página
Este documento presenta una serie de prácticas para crear páginas web básicas utilizando HTML. Las prácticas cubren la creación de plantillas, el uso de acentos y caracteres especiales, formatos de texto como tamaños y estilos de fuente, líneas horizontales, colores, tablas, imágenes de fondo, listas, enlaces internos e imágenes, y la incorporación de videos. El objetivo es familiarizar a los lectores con los elementos básicos de diseño de páginas web a través de ejemplos prá
Minería a cielo abierto ( pérez, agustina salazar, ana salazar)eem432br
Este documento habla sobre los peligros de la minería a cielo abierto. Destaca que las malas condiciones laborales y de higiene son perjudiciales para la salud de los mineros y contaminan el medio ambiente. También causa enfermedades respiratorias en los mineros debido al polvo y humo. Finalmente, usa el ejemplo de los 33 mineros atrapados en Chile para ilustrar los riesgos y peligros de la minería a cielo abierto.
El documento describe cómo funciona la economía de Estados Unidos, que se basa en el mercado libre y la propiedad privada. Explica las etapas de extracción, producción, distribución y desecho de las industrias, señalando los impactos negativos en el medio ambiente y la salud humana. Concluye que debemos cambiar a un sistema circular sostenible para proteger nuestro planeta finito y no seguir destruyéndolo.
Flash es un superhéroe de DC Comics que posee rapidez sobrehumana, incluyendo la habilidad de correr a gran velocidad, reflejos sobrehumanos y la capacidad de violar algunas leyes de la física. El primer Flash, Jay Garrick, obtuvo sus poderes después de inhalar una sustancia química y usaba un casco de metal. Fue creado por Gardner Fox y fue el primer superhéroe en tener rapidez sobrehumana.
Este documento presenta una guía de laboratorio sobre el desarrollo de páginas web. Explica el funcionamiento básico de la web usando el modelo cliente-servidor y proporciona una introducción a HTML, incluyendo etiquetas comunes como <html>, <head>, <body>, y ejemplos de tablas, imágenes y formularios simples creados con HTML.
Este documento presenta una guía de laboratorio sobre HTML. Explica el funcionamiento básico de la web y introduce conceptos clave de HTML como etiquetas, encabezados, cuerpos y zonas. Incluye 12 ejemplos prácticos de uso de etiquetas HTML para formato de texto, tablas, listas, enlaces, imágenes y formularios. Al final propone 3 tareas relacionadas con el análisis y aplicación de las etiquetas así como la inserción de applets de Java y formatos de color en los ejemplos.
Guia N5 Proyectos Web Consultas Php Y My SqlJose Ponce
El documento presenta una guía de laboratorio sobre programación con PHP para conectar y consultar una base de datos MySQL. Incluye funciones PHP para conectarse a la base de datos, seleccionar una tabla, enviar consultas SQL, obtener y procesar resultados, y cerrar la conexión. También presenta ejemplos de código PHP para realizar consultas simples y con criterios de búsqueda a tablas de una base de datos. El objetivo final es que el estudiante desarrolle 4 formularios para consultar diferentes tablas.
Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas
nuestras páginas y ahorrarnos escribir los elementos mínimos de una página
Este documento presenta una serie de prácticas para crear páginas web básicas utilizando HTML. Las prácticas cubren la creación de plantillas, el uso de acentos y caracteres especiales, formatos de texto como tamaños y estilos de fuente, líneas horizontales, colores, tablas, imágenes de fondo, listas, enlaces internos e imágenes, y la incorporación de videos. El objetivo es familiarizar a los lectores con los elementos básicos de diseño de páginas web a través de ejemplos prá
Minería a cielo abierto ( pérez, agustina salazar, ana salazar)eem432br
Este documento habla sobre los peligros de la minería a cielo abierto. Destaca que las malas condiciones laborales y de higiene son perjudiciales para la salud de los mineros y contaminan el medio ambiente. También causa enfermedades respiratorias en los mineros debido al polvo y humo. Finalmente, usa el ejemplo de los 33 mineros atrapados en Chile para ilustrar los riesgos y peligros de la minería a cielo abierto.
El documento describe cómo funciona la economía de Estados Unidos, que se basa en el mercado libre y la propiedad privada. Explica las etapas de extracción, producción, distribución y desecho de las industrias, señalando los impactos negativos en el medio ambiente y la salud humana. Concluye que debemos cambiar a un sistema circular sostenible para proteger nuestro planeta finito y no seguir destruyéndolo.
Flash es un superhéroe de DC Comics que posee rapidez sobrehumana, incluyendo la habilidad de correr a gran velocidad, reflejos sobrehumanos y la capacidad de violar algunas leyes de la física. El primer Flash, Jay Garrick, obtuvo sus poderes después de inhalar una sustancia química y usaba un casco de metal. Fue creado por Gardner Fox y fue el primer superhéroe en tener rapidez sobrehumana.
Vanesa planea construir una casa fuerte de madera y paja para protegerse del lobo. Ella cree que la casa quedará bonita y nadie podrá entrar sin permiso. Sin embargo, el lobo dice que soplará y soplará hasta derribar la casa de Vanesa.
La carta comercial sirve como medio de comunicación formal entre empresas o empresas y particulares. Existen varios tipos de cartas comerciales, incluyendo cartas de compraventa, reclamación, ofertas, solicitud de información y publicidad. A diferencia de las cartas personales, las cartas comerciales tienen un formato más rígido, un tono más objetivo y deben estar mecanografiadas. Una carta comercial típica consta de un encabezamiento, cuerpo y cierre.
El documento habla sobre la innovación técnica y el desarrollo sustentable en proyectos productivos. Explica que la innovación mejora productos mediante la adaptación de medios técnicos y tiene la capacidad de mejorar productos. También describe el ciclo de innovación técnica que incluye la detección de necesidades, generación de ideas, investigación y desarrollo, y uso de tecnologías. Concluye que la innovación debe construirse bajo principios de desarrollo sustentable considerando efectos sociales y ambientales.
Un blog es un sitio web que recopila cronológicamente artículos de uno o más autores. Los lectores pueden comentar los artículos y el autor puede responder. Los blogs cubren una variedad de temas como noticias, tecnología, política y más. Incluyen enlaces a otras páginas para ampliar la información y permiten fotografías y videos. Los blogs más influyentes a nivel mundial y hispano son sobre tecnología, noticias y varios temas generales.
Este documento discute varios factores que contribuyen a que los desarrolladores produzcan código inseguro, incluyendo factores técnicos, psicológicos y del mundo real como la presión por producir rápidamente. También recomienda formas de abordar este problema a través de la educación, herramientas y mejores prácticas de seguridad como considerar conceptos de seguridad desde el inicio del desarrollo de software.
El documento describe cómo la tecnología de comunicación ha evolucionado de herramientas principalmente basadas en la voz como el telégrafo y el teléfono a medios que incluyen la imagen como la televisión y la interacción como Internet. También advierte que aunque la televisión puede ser una herramienta educativa, también puede hacer que las personas sean pasivas y absorban contenido violento.
Este documento describe diferentes métodos anticonceptivos, incluyendo preservativos masculinos y femeninos, anillos vaginales, espermicidas, dispositivos intrauterinos, y el método Billings. Explica brevemente cómo funciona cada método para prevenir el embarazo impidiendo la fertilización o implantación.
De qué están hechos los cosméticos y algunos productos de aseo personalIvonne Tellez
Los cosméticos y productos de aseo personal son necesarios para la higiene y embellecimiento personal. Sirven funciones como limpiar, hidratar y proteger la piel, y también tienen un propósito social al definir la apariencia para otros. Los ingredientes de los cosméticos y su proceso de elaboración deben ser investigados para comprender sus beneficios y posibles impactos.
El documento habla sobre la Web 2.0, la cual se refiere a aplicaciones web que facilitan el compartir información y la colaboración entre usuarios para crear contenido. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar como creadores de contenido en una comunidad virtual, a diferencia de solo observar contenido. Ejemplos de la Web 2.0 incluyen comunidades web, redes sociales, wikis y blogs.
La tromboembolia pulmonar causa 50,000 muertes al año en Estados Unidos y es la tercera causa principal de muerte. Los factores de riesgo incluyen obesidad, tabaquismo, hipertensión, cirugía, trauma e inmovilización. El diagnóstico se basa en los síntomas, exámenes de laboratorio como el dímero-D, electrocardiograma, ecocardiograma, TAC de tórax y gammagrafía pulmonar. El tratamiento consiste en heparina, anticoag
El documento habla sobre la arquitectura minimalista, un estilo que usa la menor cantidad posible de detalles para lograr mucho con poco. El minimalismo surgió a finales de los años 1960 y alcanzó su mayor popularidad en los años 1980. Se caracteriza por formas geométricas simples, espacios abiertos y el uso de materiales nuevos. Un ejemplo destacado es el Templo del Agua de Tadao Ando, que logra conectar lo cerrado con lo abierto a través de vacíos y espacios infinitos.
Este documento resume el debate sobre la incorporación de las prácticas alimentarias nacionales en la lista representativa del Patrimonio Cultural Inmaterial de la UNESCO. Explica que aunque muchos países reconocen sus cocinas nacionales como parte de su patrimonio, originalmente las prácticas alimentarias no estaban contempladas explícitamente en la Convención de 2003 de la UNESCO. Tras un debate y una reunión de expertos en 2009, se concluyó que las prácticas culinarias deben incorporarse como parte integral del patrimonio inmaterial
Este documento presenta varias herramientas digitales útiles para maestros, alumnos y padres de familia. Incluye aplicaciones para crear tarjetas de vocabulario, tablas de memorización, sopas de letras visuales, mapas conceptuales y mapas mundiales. Las herramientas son accesibles y permiten personalizar contenidos educativos de forma sencilla.
Los protocolos de enrutamiento son conjuntos de procesos, algoritmos y mensajes que se usan para intercambiar y actualizar información de enrutamiento entre routers de forma dinámica. Los protocolos de enrutamiento dinámico tienen como objetivo descubrir redes remotas, mantener la información de enrutamiento actualizada, seleccionar la mejor ruta y encontrar nuevas rutas cuando las actuales dejan de estar disponibles. Usan estructuras de datos, algoritmos y mensajes para compartir información de enrutamiento.
Bronquiectasias son dilataciones anormales e irreversibles del árbol bronquial causadas por daño a las paredes bronquiales. Se caracterizan por infecciones respiratorias recurrentes, tos crónica con expectoración y afectan más a mujeres. Su diagnóstico se realiza mediante radiografía de tórax y TAC mostrando áreas quísticas y dilataciones bronquiales. Su tratamiento incluye antibióticos para infecciones agudas y crónicas, fisioterapia y cirugía en casos graves
Este documento contiene varias citas y reflexiones sobre la educación, el optimismo, la voluntad, el esfuerzo y el éxito. Alienta a los lectores a perseguir sus sueños, hacer lo imposible mediante la educación, no dudar y mantener la voluntad para lograr la grandeza. También advierte que donde se queman los libros se acaba por quemar a los hombres.
Este documento describe las etapas del método científico y del proceso de resolución de problemas. Explica que el método científico incluye observación, inducción, formulación de hipótesis, experimentación para probar o refutar las hipótesis, y establecimiento de conclusiones. También detalla que el proceso de resolución de problemas implica especificar el problema, analizarlo, generar soluciones posibles, seleccionar una solución, revisarla e implementarla.
Este documento presenta un curso sobre HTML y CSS. Explica conceptos básicos como el World Wide Web, navegadores, servidores y protocolos. Luego describe las etiquetas y estructura básica de HTML, incluyendo ejemplos de párrafos, títulos, enlaces, listas e imágenes. Finalmente, cubre tablas, formularios y otros elementos avanzados de HTML.
Este documento presenta un curso sobre HTML y CSS. Explica conceptos básicos como el World Wide Web, navegadores, servidores y protocolos. Luego describe las estructuras y etiquetas básicas de HTML como <head>, <body>, <h1>, <p>, <a> y <img>. Finalmente, cubre temas como enlaces, listas, tablas, formularios y la inclusión de imágenes.
Vanesa planea construir una casa fuerte de madera y paja para protegerse del lobo. Ella cree que la casa quedará bonita y nadie podrá entrar sin permiso. Sin embargo, el lobo dice que soplará y soplará hasta derribar la casa de Vanesa.
La carta comercial sirve como medio de comunicación formal entre empresas o empresas y particulares. Existen varios tipos de cartas comerciales, incluyendo cartas de compraventa, reclamación, ofertas, solicitud de información y publicidad. A diferencia de las cartas personales, las cartas comerciales tienen un formato más rígido, un tono más objetivo y deben estar mecanografiadas. Una carta comercial típica consta de un encabezamiento, cuerpo y cierre.
El documento habla sobre la innovación técnica y el desarrollo sustentable en proyectos productivos. Explica que la innovación mejora productos mediante la adaptación de medios técnicos y tiene la capacidad de mejorar productos. También describe el ciclo de innovación técnica que incluye la detección de necesidades, generación de ideas, investigación y desarrollo, y uso de tecnologías. Concluye que la innovación debe construirse bajo principios de desarrollo sustentable considerando efectos sociales y ambientales.
Un blog es un sitio web que recopila cronológicamente artículos de uno o más autores. Los lectores pueden comentar los artículos y el autor puede responder. Los blogs cubren una variedad de temas como noticias, tecnología, política y más. Incluyen enlaces a otras páginas para ampliar la información y permiten fotografías y videos. Los blogs más influyentes a nivel mundial y hispano son sobre tecnología, noticias y varios temas generales.
Este documento discute varios factores que contribuyen a que los desarrolladores produzcan código inseguro, incluyendo factores técnicos, psicológicos y del mundo real como la presión por producir rápidamente. También recomienda formas de abordar este problema a través de la educación, herramientas y mejores prácticas de seguridad como considerar conceptos de seguridad desde el inicio del desarrollo de software.
El documento describe cómo la tecnología de comunicación ha evolucionado de herramientas principalmente basadas en la voz como el telégrafo y el teléfono a medios que incluyen la imagen como la televisión y la interacción como Internet. También advierte que aunque la televisión puede ser una herramienta educativa, también puede hacer que las personas sean pasivas y absorban contenido violento.
Este documento describe diferentes métodos anticonceptivos, incluyendo preservativos masculinos y femeninos, anillos vaginales, espermicidas, dispositivos intrauterinos, y el método Billings. Explica brevemente cómo funciona cada método para prevenir el embarazo impidiendo la fertilización o implantación.
De qué están hechos los cosméticos y algunos productos de aseo personalIvonne Tellez
Los cosméticos y productos de aseo personal son necesarios para la higiene y embellecimiento personal. Sirven funciones como limpiar, hidratar y proteger la piel, y también tienen un propósito social al definir la apariencia para otros. Los ingredientes de los cosméticos y su proceso de elaboración deben ser investigados para comprender sus beneficios y posibles impactos.
El documento habla sobre la Web 2.0, la cual se refiere a aplicaciones web que facilitan el compartir información y la colaboración entre usuarios para crear contenido. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar como creadores de contenido en una comunidad virtual, a diferencia de solo observar contenido. Ejemplos de la Web 2.0 incluyen comunidades web, redes sociales, wikis y blogs.
La tromboembolia pulmonar causa 50,000 muertes al año en Estados Unidos y es la tercera causa principal de muerte. Los factores de riesgo incluyen obesidad, tabaquismo, hipertensión, cirugía, trauma e inmovilización. El diagnóstico se basa en los síntomas, exámenes de laboratorio como el dímero-D, electrocardiograma, ecocardiograma, TAC de tórax y gammagrafía pulmonar. El tratamiento consiste en heparina, anticoag
El documento habla sobre la arquitectura minimalista, un estilo que usa la menor cantidad posible de detalles para lograr mucho con poco. El minimalismo surgió a finales de los años 1960 y alcanzó su mayor popularidad en los años 1980. Se caracteriza por formas geométricas simples, espacios abiertos y el uso de materiales nuevos. Un ejemplo destacado es el Templo del Agua de Tadao Ando, que logra conectar lo cerrado con lo abierto a través de vacíos y espacios infinitos.
Este documento resume el debate sobre la incorporación de las prácticas alimentarias nacionales en la lista representativa del Patrimonio Cultural Inmaterial de la UNESCO. Explica que aunque muchos países reconocen sus cocinas nacionales como parte de su patrimonio, originalmente las prácticas alimentarias no estaban contempladas explícitamente en la Convención de 2003 de la UNESCO. Tras un debate y una reunión de expertos en 2009, se concluyó que las prácticas culinarias deben incorporarse como parte integral del patrimonio inmaterial
Este documento presenta varias herramientas digitales útiles para maestros, alumnos y padres de familia. Incluye aplicaciones para crear tarjetas de vocabulario, tablas de memorización, sopas de letras visuales, mapas conceptuales y mapas mundiales. Las herramientas son accesibles y permiten personalizar contenidos educativos de forma sencilla.
Los protocolos de enrutamiento son conjuntos de procesos, algoritmos y mensajes que se usan para intercambiar y actualizar información de enrutamiento entre routers de forma dinámica. Los protocolos de enrutamiento dinámico tienen como objetivo descubrir redes remotas, mantener la información de enrutamiento actualizada, seleccionar la mejor ruta y encontrar nuevas rutas cuando las actuales dejan de estar disponibles. Usan estructuras de datos, algoritmos y mensajes para compartir información de enrutamiento.
Bronquiectasias son dilataciones anormales e irreversibles del árbol bronquial causadas por daño a las paredes bronquiales. Se caracterizan por infecciones respiratorias recurrentes, tos crónica con expectoración y afectan más a mujeres. Su diagnóstico se realiza mediante radiografía de tórax y TAC mostrando áreas quísticas y dilataciones bronquiales. Su tratamiento incluye antibióticos para infecciones agudas y crónicas, fisioterapia y cirugía en casos graves
Este documento contiene varias citas y reflexiones sobre la educación, el optimismo, la voluntad, el esfuerzo y el éxito. Alienta a los lectores a perseguir sus sueños, hacer lo imposible mediante la educación, no dudar y mantener la voluntad para lograr la grandeza. También advierte que donde se queman los libros se acaba por quemar a los hombres.
Este documento describe las etapas del método científico y del proceso de resolución de problemas. Explica que el método científico incluye observación, inducción, formulación de hipótesis, experimentación para probar o refutar las hipótesis, y establecimiento de conclusiones. También detalla que el proceso de resolución de problemas implica especificar el problema, analizarlo, generar soluciones posibles, seleccionar una solución, revisarla e implementarla.
Este documento presenta un curso sobre HTML y CSS. Explica conceptos básicos como el World Wide Web, navegadores, servidores y protocolos. Luego describe las etiquetas y estructura básica de HTML, incluyendo ejemplos de párrafos, títulos, enlaces, listas e imágenes. Finalmente, cubre tablas, formularios y otros elementos avanzados de HTML.
Este documento presenta un curso sobre HTML y CSS. Explica conceptos básicos como el World Wide Web, navegadores, servidores y protocolos. Luego describe las estructuras y etiquetas básicas de HTML como <head>, <body>, <h1>, <p>, <a> y <img>. Finalmente, cubre temas como enlaces, listas, tablas, formularios y la inclusión de imágenes.
Este documento presenta una tarea para un curso de computación sobre la creación de páginas web con HTML. Instruye a los estudiantes a transcribir el código HTML proporcionado en un bloc de notas y explicar qué hace cada sentencia. La tarea incluye explicaciones detalladas de varias etiquetas HTML comunes y debe enviarse al profesor antes de una fecha límite.
Este documento proporciona información sobre HTML y CSS. Explica conceptos clave como etiquetas, atributos, selectores y declaraciones CSS. También cubre temas como posicionamiento, cajas de modelo, overflow, visibilidad y unidades de medida. Finalmente, incluye ejemplos de tablas HTML, URLs absolutas y relativas, y cómo insertar hojas de estilo CSS en una página web.
Laminas de Ponencia de Introducción al desarrollo Web, tocando temas básicos de HTML5 y CSS3 dirigido a las personas que solo buscan entrar en este mundo y dar el primer paso, la ponencia se dio en la Universidad Alejandro de Humboldt
Este documento presenta 10 prácticas sobre el desarrollo de páginas web utilizando HTML. Cada práctica explica cómo crear un elemento diferente como plantillas, tablas, colores, imágenes de fondo y enlaces internos utilizando etiquetas HTML específicas. El objetivo es que el lector aprenda a diseñar páginas web básicas incorporando diferentes características de formato y contenido.
El documento describe el lenguaje HTML, que se usa para crear páginas web. HTML usa etiquetas para estructurar el texto y otros elementos como imágenes y videos. Los navegadores interpretan el código HTML para mostrar la página web. El documento también explica algunas etiquetas HTML comunes como <p>, <b>, <img>, <ol> y <ul>.
Este documento presenta un curso básico de HTML. Explica tres métodos para crear páginas web, incluyendo escribir código HTML directamente o usar herramientas. Luego describe el método de trabajo de abrir el editor de texto y navegador, y modificar el código HTML para ver los cambios. Finalmente, cubre conceptos como encabezados, formato de texto, hipervínculos, imágenes y tablas.
Este documento describe el proceso de desarrollo de JavaScript. Explica la estructura básica de una página web en HTML, incluyendo la cabecera, el cuerpo y el uso de tablas, colores de fondo e imágenes. También proporciona ejemplos de código HTML y JavaScript para crear alertas, solicitar entrada de usuario, realizar operaciones matemáticas y mostrar diferentes tipos de datos.
Este documento proporciona 21 ejemplos de código HTML para crear diferentes elementos en una página web, como párrafos, encabezados, listas, imágenes, marquesinas y más. Cada ejemplo incluye una breve descripción y el código HTML correspondiente para implementar ese elemento. El objetivo es mostrar diferentes formas de diseñar y estructurar el contenido de una página web utilizando HTML.
1. Practicas de HTML
7
Practicas de HTML
1. Pagina básica
En un procesador de texto cualquiera teclear el siguiente código
<HTML>
<HEAD>
<TITLE> Mi primera pagina Web </TITLE>
</HEAD>
<BODY>
Esta es mi primera pagina, es muy sencilla, pero como el
lenguaje HTML es fácil, pronto estaré en condiciones de hacer
cosas mas interesantes.
</BODY>
</HTML>
Guardar el archivo como Practica1.html en formato texto y visualizarlo con el
navegador.
2. Fondos de página, cabeceras y bloques
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de cabeceras y bloques</title>
</head>
<body bgcolor="#EBDCA7">
<h2 align="center">Practicas de encabezados y bloques de
texto</h2>
<hr>
<div align="center">
<h1>Encabezado de nivel 1 </h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Parrafo dentro del <DIV> centrado, por lo
cual, hereda la alineación</p>
Pedro Rufo Martín http://www.asptutor.com Página 1 de 13
2. Practicas de HTML
<hr width="50%" size="5">
</div>
<hr>
<blockquote>Parrafos con diferentes
alineaciones</blockquote>
<p>Parrafo fuera del <DIV> centrado, por lo cual toma
la alineación izquierda por defecto</p>
<p align="right">Parrafo alineado a la derecha</p>
<p align="center">Parrafo centrado</p>
<hr>
con esta línea
comprobamos que el H T M L no respeta ni los
espacios ni los saltos de
línea
<pre>
Pero si incluimos la etiqueta <PRE>
nos muestra el T E X T O tal y como
lo escribimos
</pre>
<p>HTML separa las palabras del texto con un blanco, si
queremos añadir mas blancos, debemos hacer referencia a la
entidad que lo representa (&nbsp;)como por ejemplo:
 
; esto</p>
<p> Para cualquier consulta dirigirse a <address> Juán
Gonzalez </address><p>
</body>
</html>
Guardar el archivo como Practica2.html en formato texto y visualizarlo con el
navegador.
Pedro Rufo Martín http://www.asptutor.com Página 2 de 13
3. Practicas de HTML
3. Resaltados de texto y control de fuentes
Con las etiquetas de control de texto estudiadas conseguir los efectos siguientes:.
Agregar además a la pagina diferentes ejemplos de etiquetas de resaltado
Guardar el archivo como Practica3.html en formato texto y visualizarlo con el
navegador.
4. Listas
En un procesador de texto cualquiera teclear el siguiente código
<HTML>
<HEAD>
<TITLE> Practicas de listas </TITLE>
</HEAD>
<BODY>
<CENTER>
<H1> Mis aficiones </H1>
</CENTER>
<HR>
Sin un orden particular, mis <B> aficiones </B> son las siguientes:
<UL>
<LI> El cine
<LI> El deporte
<UL>
<LI> Natación
<LI> Baloncesto
</UL>
<LI> La música
</UL>
La música que más me gusta es (en orden de preferencia):
<OL>
<LI> El rock
<LI> El jazz
<LI> La música clásica
</OL>
</BODY>
</HTML>
Pedro Rufo Martín http://www.asptutor.com Página 3 de 13
4. Practicas de HTML
Completar la página con el resto de tipos de listas estudiadas y observar sus diferencias.
Guardar el archivo como Practica4.html en formato texto y visualizarlo con el
navegador.
5. Hiperenlaces e inclusión de imagenes
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de Hiperenlaces</title>
</head>
<body bgcolor="#D9D9F3">
<p align="center"><a name="inicio">
<font size=+3><u>Enlaces con otras paginas</u></font></p>
<hr>
<hr width="80%">
<dir>
<li><p align="left"><a
href="http://www.microsoft.com">Microsoft</a></p>
</li>
<li><p align="left"><a href="Practica1.html">Mi primera pagina
Web</a></p>
</li>
<li><p align="left"><a href="Practica2.html">Mi segunda pagina
Web</a></p>
</li>
</dir>
<hr width="80%">
<hr>
<p align="center"><font size=+3><u>Enlaces en la misma
pagina</u></font></p>
<hr>
<hr width="80%">
<dir>
<li><p align="left"><a href="#foto1">Foto 1</a></p>
</li>
<li><p align="left"><a href="#foto2">Foto 2</a></p>
</li>
<li><p align="left"><a href="#foto3">Foto 3</a></p>
</li>
<li><p align="left"><a href="#inicio">Volver al principio de la
pagina</a></p>
</li>
</dir>
<hr width="80%">
<hr>
Pedro Rufo Martín http://www.asptutor.com Página 4 de 13
5. Practicas de HTML
<center>
<p align="center"><a name="foto1"></a><font color="#008000"
size="4">fotografia 1</font></p>
<img src="imagenes/foto1.gif" width="100" height="100" ALIGN=TOP>
Texto alineado arriba
<hr>
<p align="center"><a name="foto2"></a><font color="#008000"
size="4">fotografia 2</font></p>
<img src="imagenes/foto2.gif" width="100" height="100" ALIGN=MIDDLE>
Texto alineado al centro
<hr>
<p align="center"><a name="foto3"></a><font color="#008000"
size="4">fotografia 3</font></p>
<img src="imagenes/foto3.gif" width="100" height="100" ALIGN=BOTTOM>
Texto alineado abajo
<hr>
<p align="left"><a href="#inicio">Volver al principio de la
pagina</a></p>
</center>
</body>
</html>
Guardar el archivo como Practica5.html en formato texto y visualizarlo con el
navegador.
5 bis. Mas sobre imágenes
Añadir al codigo de Practica5.html las siguientes sentencias:
• Imagen con hipervinculo
<HR><A HREF="Practica3.html" alt=”MI tercera practica”><IMG
SRC="imagenes/adelante.gif"> </A> Enlace a Practica 3<HR>
• Texto rodeando completamente la imagen
<hr><p> Hidra (mitología), en la mitología griega,
monstruo de nueve cabezas que vivía en un pantano cerca de Lerna,
Grecia. Una amenaza para todos los habitantes de Argos,
<IMG SRC="imagenes/hidra.gif" width="100"
height="100" ALIGN=LEFT >
tenía un aliento mortalmente ponzoñoso y cuando le cortaban una
de sus cabezas, crecían dos en su lugar; la cabeza del centro era
inmortal. Hércules, a quien se envió a matarla como el segundo de
sus doce trabajos, logró eliminarla quemando las ocho cabezas
mortales y enterrando la novena, inmortal, bajo una enorme roca.
Hércules es el nombre romano del héroe griego Heracles. Era hijo
del dios Zeus y de Alcmena, mujer del general tebano Anfitrión.
Pedro Rufo Martín http://www.asptutor.com Página 5 de 13
6. Practicas de HTML
Hera, la celosa esposa de Zeus, decidida a matar al hijo de su infiel
marido, poco después del nacimiento de Hércules envió dos grandes
serpientes para que acabaran con él. El niño era aún muy pequeño
pero estranguló a las serpientes.
<hr>
• Rotura de texto
<IMG SRC="imagenes/muro.gif" ALIGN=LEFT> Este texto
esta a un lado de la imagen.
<BR> Este también esta a un lado de la imagen, en la
línea siguiente.
<BR CLEAR=LEFT> Este otro texto, en cambio, ha
buscado el primer margen libre a la izquierda.
6. Tablas
En un procesador de texto cualquiera teclear los siguientes códigos.
Crear primero la página del primer punto a e ir completando los siguientes puntos en
el mismo archivo.
Salvar el archivos como Practica6.html y visualizar los resultados con el navegador.
• Tabla sencilla
<HTML>
<HEAD>
<TITLE> Practicas de tablas </TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
<CAPTION> Ejemplo de tabla sencilla</CAPTION>
<TR>
<TD>fila1-celda1</TD> <TD>fila1-celda2</TD> <TD>fila1-
celda3</TD>
</TR>
<TR>
<TD>fila2-celda1</TD> <TD>fila2-celda2</TD> <TD>fila2-
celda3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
• Tablas con desigual numero de celdas
<TABLE BORDER>
<CAPTION> Ejemplo de tabla sencilla</CAPTION>
<TR>
<TD>fila1-celda1</TD> <TD>fila1-celda2</TD> <TD>fila1-
celda3</TD>
</TR>
<TR>
Pedro Rufo Martín http://www.asptutor.com Página 6 de 13
7. Practicas de HTML
<TD>fila2-celda1</TD> <TD>fila2-celda2</TD>
</TR>
</TABLE>
• Grosor de los bordes
<TABLE BORDER=5>
• Celdas de cabecera
<TR>
<TH>Columna 1</TH> <TH>Columna 2</TH> <TH>Columna 3</TH>
</TR>
• Contenido de las celdas
<HTML>
<HEAD>
<TITLE> Contenido de las celdas </TITLE>
</HEAD>
<BODY>
<TABLE BORDER=5>
<CAPTION> Tabla con diversos elementos</CAPTION>
<TR>
<TH>Dibujo</TH> <TH>Link</TH> <TH>Texto</TH>
</TR>
<TR>
<TD><IMG SRC="hidra.gif" WIDTH=60 HEIGHT=150 ></TD>
<TD><A HREF="Pagina1.html">Página principal </A></TD>
<TD>Un texto cualquiera</TD>
</TR>
</TABLE>
</BODY>
</HTML>
• Alineación dentro de las celdas
• Alineación en sentido vertical
<TD VALIGN=TOP> Arriba </TD>
<TD VALIGN=BOTTOM> Abajo </TD>
• Alineación en sentido horizontal
<TD ALIGN=CENTER> Al centro </TD>
<TD ALIGN=RIGHT> A la derecha </TD>
<TH ALIGN=LEFT> Cabecera a la izquierda </TH>
(Nota: Las cabeceras por defecto están centradas)
• Dimensionado de las tablas
• <TABLE WIDTH=60%>
Fuerza a la tabla a ocupar el 60% de la ventana
• <TABLE HEIGHT=200>
Dimensiona la tabla a 200 puntos de alto
Pedro Rufo Martín http://www.asptutor.com Página 7 de 13
8. Practicas de HTML
• Celdas que abarcan a otras varias
<TR><TD COLSPAN=2> Celda sobre 2 columnas </TD><TR>
<TD ROWSPAN=2> Celda junto a 2 filas </TD>
• Color de fondo en tablas y celdas
<TABLE BORDER BGCOLOR="#00FF00">
<TD BGCOLOR="#FF0000">
• Imágenes de fondo en tablas y celdas
<TABLE BORDER BACKGROUND="nubes.jpg">
<TD BACKGROUND="nubes.jpg>
• Separación entre las celdas
<TABLE BORDER CELLSPACING=20>
• Separación entre el borde y el contenido de las celdas
<TABLE BORDER CELLPADDING=20>
7. Formularios
En un procesador de texto cualquiera teclear la pagina base (Formulario simple)
e ir introduciendo y visualizando en el navegador los diferentes elementos.
Salvar el archivo como Practica7.html y visualizarlo con el navegador.
• Formulario simple
<html>
<head>
<title>Practica de formularios</title>
</head>
<body>
<FORM ACTION=”http://www.host.com/vfor.asp” METHOD="POST">
Escriba su usuario:
<BR>
<INPUT TYPE="text" NAME="usuario" SIZE="10" MAXLENGTH="12">
<P><INPUT TYPE="submit" VALUE="Enviar datos">
<INPUT TYPE="reset" VALUE="Borrar datos">
</FORM>
</body>
</html>
Pedro Rufo Martín http://www.asptutor.com Página 8 de 13
9. Practicas de HTML
• Password
Añadir un campo de tipo contraseña
<INPUT TYPE="password" NAME="clave" SIZE="10"
MAXLENGTH="12">
• Texto Multilinea
Insertar dentro del FORM este nuevo elemento:
Introduzca sus sugerencias o comentarios:
<TEXTAREA NAME="Comentarios" ROWS="6" COLS="40">
</TEXTAREA>
• Menus
Insertar dentro del FORM este nuevo elemento:
¿Cómo contacto con nosotros?
<SELECT NAME="Contacto">
<OPTION value=”casualidad”>Por casualidad </OPTION>
<OPTION value=”periodico”>Por el periodico </OPTION>
<OPTION value=”buscadores”>En los buscadores </OPTION>
<OPTION value=”comentario”>Me lo comentaron </OPTION>
</SELECT >
• Checkbox
Insertar dentro del FORM este nuevo elemento:
<INPUT TYPE="checkbox" NAME="Lista">
Sí, deseo recibir información acerca de sus productos.
• Radio Button
Insertar dentro del FORM este nuevo elemento:
¿Cuál es su sistema operativo preferido?
<BR>
<INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="NT" CHECKED>
Windows NT
<INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="Mac">
Mac
<INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="Unix">
Unix
Pedro Rufo Martín http://www.asptutor.com Página 9 de 13
10. Practicas de HTML
8. Marcos
Crear una pagina de marcos que nos permita acceder a todas las practicas realizadas
hasta ahora.
Guardar los diferentes archivos con los nombres:
• Practica8.html Pagina de definición de marcos
• Practica8fi.html Marco Izquierdo
• Practica8fd.html Marco derecho
Cada vez que se seleccione una de las practicas en el marco izquierdo, debe mostrarse la
pagina en el marco derecho, el enlace INICIO nos conducirá de nuevo a la pagina de
presentación.
Nota: El texto ondulante que aparece en la pagina de presentación es una applet que
introduciremos en una practica posterior.
Codigo de la pagina principal de marcos:
<html>
<head>
<title>Practica de Frames</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset cols="182,*">
<frame name="contenido" target="principal" src="practica8fi.htm">
<frame name="principal" src="practica8fd.html">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</body>
</noframes>
</frameset>
</html>
Pedro Rufo Martín http://www.asptutor.com Página 10 de 13
11. Practicas de HTML
9. Java Script
En un procesador de texto cualquiera teclear los siguientes códigos.
Salvar el archivos como Practica9.html y visualizar los resultados con el navegador.
Nota: Al contrario que en HTML, Java Script distingue entre mayúsculas y
minúsculas.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script LANGUAGE="JavaScript"><!--
/// Funcion de cambio de imagenes al mover el raton sobre ellas
// Imagenes seleccionadas
image1on = new Image();
image1on.src ="imagenes/buzon_abierto.jpg";
image2on = new Image();
image2on.src ="imagenes/cara_alegre.jpg";
// Imagenes por defecto
image1off = new Image();
image1off.src ="imagenes/buzon_cerrado.jpg";
image2off = new Image();
image2off.src ="imagenes/cara_triste.jpg";
function img_act(imgNombre) {
imgOn = eval(imgNombre + "on.src");
document [imgNombre].src = imgOn;
}
function img_inact(imgNombre) {
imgOff = eval(imgNombre + "off.src");
document [imgNombre].src = imgOff;
}
/// Scroll en en una ventana,
var txt="Esta es la primera linea de texto que se desplaza "
+ " y esta es la segunda, puedes poner todas las"
+ " que quieras ! ";
function scroll()
{ document.frm.w.value = txt;
txt = txt.substring(1, txt.length) + txt.charAt(0);
window.setTimeout("scroll()",150);}
//-->
</script>
Pedro Rufo Martín http://www.asptutor.com Página 11 de 13
13. Practicas de HTML
10. Applet Java
En la pagina Pagina8fd.html realizada en la practica8 introducir la llamada a
la APPLET SineText
<applet codebase="applet" code="SineText.class" width="400" height="100">
<param name="Text" value="Colección de practicas">
<param name="Foreground" value="FF0000">
<param name="Background" value="FFFFFF">
<param name="Traveling" value="yes">
<param name="MouseClick" value="yes">
<param name="Rate" value="4">
</applet>
Pedro Rufo Martín http://www.asptutor.com Página 13 de 13