Taller Html Basico 513l12

  • April 2021
  • PDF

This document was ed by and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this report form. Report 3i3n4

Overview 26281t

& View Taller Html Basico as PDF for free.

More details 6y5l6z

  • Words: 3,044
  • Pages: 21
4. Guarde el archivo con el nombre practica1 dentro de la carpeta anteriormente creada 5. Ahora vuelva a Guardar el archivo con el nombre index.html dentro de la carpeta anteriormente creada 6. Cierre el bloc de notas 7. Vaya a la carpeta y observe que sucedió con el archivo guardado con index.html y con practica1 abra comente con sus compañeras y la profesora que sucedió, que diferencia hay entre uno y otro. 8. Elimine el archivo Practica 1 9. De doble clic en index y observe los resultados 10. Ahora vaya a su carpeta y de clic derecho en el archivo index y en el menú contextual seleccione abrir con y buscan en el bloc de notas

11. Haga los cambios necesarios para que el código quede de la siguiente manera: Mi primera página 7247m

Mucha importancia 692o3o

Menos importancia 1k6339

Mucha menos importancia 275a3p

12. Guarde los cambios y vaya al navegador y actualízalo en su defecto oprima la tecla F5 13. Observe que sucede y comente con las compañeras y profesora 14. Haga los cambios necesarios para que el código quede de la siguiente manera: Mi primera página 7247m Bienvenidos a mi primera página 15. Guarde los cambios y vaya al navegador y actualízalo en su defecto oprima la tecla F5 16. Ahora cámbiele de colores a la letra y de tamaño y escriba un poema

Tareas: Leer la teoría y contestar en una hoja y luego socializar: a) Que es HTML? b) Cual es la estructura de una página web? c) Averigua para que se utilizan las etiquetas HTML, head, title, body, h1. h2. h3 y Font, color, size d) Averiguar cual etiqueta se utiliza para escribir el texto en negrilla

Solución a) HTML HTML es el lenguaje con el que se escriben las páginas web, las cuales pueden ser vistas por el mediante un tipo de aplicación llamada navegador.

Es usado por los navegadores para mostrar las páginas webs al , siendo hoy en día la interface más extendida en la red. Este lenguaje nos permite unir textos, sonidos e imágenes y combinarlos a nuestro gusto. Se creó en un principio con objetivos divulgativos. Uno de los problemas que se presentan es la diversidad de navegadores presentes en el mercado que no son capaces de interpretar un mismo código de una manera unificada.

b) Estructura de una página web

1. , Identificador del tipo de documento Todas las páginas escritas usando lenguaje HTML deben tener la extensión .htm o .html Al crear una página web, en el código debemos iniciar la página con la viñeta y finalizarla escribiendo al final de todo el código la viñeta . Entre estas dos etiquetas escribiremos el resto del código HTML de la página web, así:

2. , Cabecera o Encabezado de la página El encabezado de la página se utiliza para agrupar información (título). Está formado por las etiquetas y . La etiqueta va justo debajo de la etiqueta . Por ejemplo:

3. 573u61 Título de la página El título de la página es el texto que aparecerá en la barra de título, ubicada en la parte superior de la ventana del navegador. El texto deseado debe escribirse entre las etiquetas <title> y Estas etiquetas deben estar dentro del encabezado, es decir, entre las etiquetas y .

Ejemplo:

4. , Cuerpo del documento El cuerpo del documento contiene la información del documento, todo lo que deseemos que se visualice, el texto de la página, las imágenes, texto, formularios, etc. Todos los elementos que formarán el cuerpo de la página deben encontrarse entre las etiquetas y y van justo después de el encabezado.

A través de la etiqueta podemos establecer el color o la imagen de fondo para la página web. Para establecer el color de fondo utilizamos el atributo bgcolor asignándole un color representado por un número hexadecimal o por un nombre predefinido. Para hacer que el color de fondo de una página sea de color azul, tendremos que escribir el siguiente código:

Sería equivalente a escribir:

c) ETIQUETAS HTML es un lenguaje de marcas o etiquetas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. Una etiqueta es un texto incluido entre los símbolos menor que < y mayor que >. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo:

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. Por ejemplo: FerGalo 6w5g41 Las principales etiquetas usadas son:

Apertura



Acción Al principio y al fin de todo documento. Encabezado de la página. Aquí se coloca titulo, metatags, e información para

Atributos

Cierre

HEAD, BODY

BASE, TITLE, ISINDEX,



<TITLE>



buscadores entre otras cosas. Está información no es visible. Título de la página web, dentro de HEAD Cuerpo del documento. Va toda la parte visible de la página web

NEXTID, META

Ninguno



BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK







Definición de la fuente.



Tamaño de letras del 1 al 6.

SIZE, COLOR. Internet Explorer: FACE. HTML 3.0: LEFT, CENTER, RIGHT

Nombre

Etiqueta

Acción

SIZE COLOR

FACE

Tamaño de la letra de 1 a 7 Color de la letra, se usa valor hexadecimal o nombre directo (blue, green, etc.) Fuente del texto font face=?> Coloca el tipo de letra: Arial, Verdana, Courier,Etc.



Valor size=6

color="#0000 00" (negro)

face="helv" (helvética)

d) Texto en Negrilla Sirven para RESALTAR a aquellas palabras que sean más importantes en un texto, para que las VEAS mas fácilmente. La etiqueta para poner un texto en negrita se llama "b" (del ingles "bold").





Texto que será en negrita

esto sale en negrilla

Hola para construir párrafos

4p345f



De clic aquí 6. Para colocar movimiento al texto o la imagen debe utilizar la etiqueta: <marquee> escribe el mensaje 7. Las imágenes deben ser cargadas o guardadas en la carpeta, donde tiene guardada la pagina que esta creando, las imágenes deben ser con extensión .gif

ETIQUETA

Esta etiqueta “abierta”, dibuja una línea horizontal (Horizontal Rule), con alineación, tamaño y ancho variables. Se utiliza con frecuencia para separar secciones de contenido. Su sintaxis se ilustra en las siguientes líneas: Haga el siguiente programa… ya saben como… <TITLE> Líneas<TITLE> Línea centrada, de tamaño 10 puntos y ocupando el 30% de la página
Línea alineada a la izquierda, de tamaño 5 puntos y ocupando la mitad de la pagina
Línea alineada a la derecha, de tamaño 20 puntos y ocupando la mitad de la pagina




ETIQUETA Hasta ahora se ha trabajado con páginas cuyos colores son: blanco para el fondo y negro para el texto escrito en ellas. Estos son los colores de HTML toma por defecto. El uso adecuado de la etiqueta , que por supuesto tiene atributos, permite entre otras cosas cambiar o establecer: el color del texto, un color o una imagen de fondo y los colores de los enlaces que tendrá la página. La siguiente es la sintaxis completa de esta etiqueta: …

Nombre_imagen se refiere al nombre, o mejor a la ubicación del archivo de una imagen que se quiere aparezca como fondo de la página, color_fondo, color_texto, color_enlace, color_enlace_V y color_enlace_A corresponden a los códigos o los nombres de los colores para el fondo de la pagina, el texto de la información, el texto de los enlaces no visitados, el texto de los enlaces visitados y el texto de los enlaces activos respectivamente. El manejo de estos tres últimos se vera con fondo negro (black) y texto de color lima (#00ff00):

Haga el siguiente programa... ya saben como… <TITLE> Cuerpo<TITLE>

ESTA PÁGINA TENDRÁ FONDO NEGRO Y TEXTO LIMA 5y1qg








La etiqueta
permite forzar un salto de línea dentro de un texto. Observe que esta etiqueta no se cierra con
, razón por la que se le conoce como etiqueta abierta.







…





…





…





…









“computadores”





MI WEB LA CELULA<TITLE 146l2y </HEAD> <BODY> <H1><CENTER> LA CELULA</CENTER></H1> <HR><FONT COLOR=RED><MARQUEE><P ALIGN=“LEFT”> LA CELULA LA UNIDAD FUNDAMENTAL</FONT></MARQUEE> </P></H1>CLASES DE CELULA</H1> </P></H1>PARTES DE LA CELULA</H1> <HR><FONT COLOR=READ> NUCLEO</FONT> <IMG ALIGN=RIGHT SRC=“celula.gif”> </BODY> </html><br /> <br /> Colocar un fondo en una página web<br /> <br /> Para incluir un fondo en una página web necesitamos utilizar el atributo background en la etiqueta <BODY>, al que le asignamos el nombre del archivo que deseamos utilizar como fondo. Si el archivo se encuentra en un directorio distinto que la página web, necesitaremos incluir la ruta al archivo, teniendo en cuenta siempre de utilizar una ruta relativa al archivo .html para que se conserve la ruta en caso de que cambiemos el sitio web de localización.<br /> <br /> <body background=“fondo.gif"> Lo que conseguimos con esto es que el archivo fondo.gif se muestre en la página como fondo. Por defecto, la imagen de fondo aparece como un mosaico, repitiéndose a lo largo de todo el espacio de la página.<br /> <br /> Fondo en otros elementos<br /> <br /> No solo la página puede tener un fondo, también lo podemos colocar a las tablas o las celdas, por ejemplo. Se utiliza el mismo atributo background, aunque aplicado a otras etiquetas. <table<br /> <br /> background=“fondo.gif"><br /> <br /> <td background=“fondo.gif"> OTRO <html> <head> <title> Mi página en colores

bienvenido a mi página< h1> 2w4k34

Aquí iría el resto de la página

Mi página en colores 6e6g1m

bienvenido a mi página< h1> 2w4k34

Aquí iría el resto de la página



<MARQUEE> es una de las etiquetas no estándar de HTML, que soportan los navegadores mas comunes, pero que no están comprendidas dentro de las especificaciones de HTML. Sirve para animar elementos dentro de la magina. En concreto permite que el contenido que pongamos dentro de la etiqueta ya sea texto, fotografías, o las dos cosas, se desplace horizontalmente por la página. La etiqueta marquee puede servirnos para hacer animaciones en páginas sencillas, sin ningún conocimiento de lenguajes de programación ni otras complicaciones semejantes. Para los que solo conocen HTML es una herramienta perfecta si desean hacer que un elemento de la página se mueva. Pero atención, aunque este comentando este truco para mover texto por la página o imágenes, tenemos que utilizar el marquee con mucha prudencia, puesto que tiene desventajas:  Marquee no esta comprendido en los estándares HTML  Utilizar marquee puede tener problemas de accesibilidad, es decir, se puede hacer difícil de leer para determinadas personas con discapacidades  El hecho de animar elementos de una pagina favorece el dinamismo y ayuda a llamar la atención sobre determinados mensajes o imágenes, pero si utilizas marquee en muchos lugares puede provocar confusión y marear al Para utilizar marquee, simplemente colocamos dentro de la etiqueta los contenidos que queremos que se muevan, ya sean texto, imágenes o cualquier otro tipo de contenido. Algo como esto: <marquee> texto que se mueve Pero también podríamos meter algo como esto: <marquee> Letra Negrita, del inglés Bold (negrita). Definirá una tabla. Inclusión de una IMaGen. Etiqueta de texto en negrilla: . Obtendremos: Texto que será en negrita Etiquetas para aplicar en cada una de las prácticas que ejecute con lenguaje HTML y quieras crear una página web Cuando quieras colocar un texto en negrilla es necesario que utilice la siguiente etiqueta: 1. Para abrir y para cerrar 2.

3. Etiqueta para colocar color de letra y tamaños: Bienvenidos a crear páginas web

4. Atributo bgcolor, color de fondo seguido de la etiqueta body 5. Practica de color de fondo, tamaño de fuente, y centrado de la imagen:

Mi página en colores 6e6g1m

4p345f

Aqui iria el resto de la pagina

Resultado: ETIQUETA y

es otra etiqueta que puede utilizarse abierta o cerrada. Si se usa de la primera forma, iniciará un nuevo párrafo dejando una línea en blanco, si por el contrario se cierra con

permite alinear el nuevo párrafo a la derecha, en el centro, a la izquierda o justificado, dependiendo del valor asignado al parámetro ALIGN. A continuación se muestran algunos ejemplos: Código Función Párrafo alineado a la izquierda Párrafo centrado Párrafo alineado a la derecha Párrafo justificado Práctica Cree una página muy linda y creativa utilizando los conceptos vistos en esta segunda práctica… cambie los colores al fondo y letra… 1. Cree una carpeta en el escritorio y póngale el nombre que quiera 2. Busque en internet una imagen tipo GIF y guárdela en la carpeta anteriormente creada con el nombre de compu 3. Ahora abra el bloc de notas y escriba lo siguiente: <TITLE> INSERTAR IMÁGENES 4. 5. 6. 7. Guarde el archivo con el nombre imágenes.gif Ejecútelo Comente con sus compañeros que sucede o que aparece Ahora escriba el siguiente código: <TITLE> Insertar Imágenes HEIGHT=180 8. Guarde el archivo y ejecútelo. ¿Que sucede con la imagen? La imagen adquiere una descripción por la función: ALT 9. Cambie los valores de WIDTH y HEIGHT por valores mayores o de menos valor y diga que sucede. CELULA


Esta tabla se desplaza con todo el contenido de la tabla


Marquee soporta una serie de atributos para modificar su comportamiento o su aspecto. Son los siguientes: WIDTH Anchura de la marquesina. Si no marcamos altura, se colocará en la siguiente línea, como en un párrafo distinto. Si marcamos una anchura, la marquesina intentara mostrarse en la misma línea donde lo hayamos colocado. Si no hay espacio para ella se realizara el consiguiente salto de línea para mostrarla un poco más abajo. DIRECTION Hacia donde queremos que se displace el contenido del marquee. Los posibles valores son “LEFT” y “RIGHT”. BEHAVIOR Es el comportamiento de la marquesina, de entre los posibles: SCROLL (el comportamiento por defecto) indica que tiene que hacer el desplazamiento siempre en una misma dirección y ALTERNATE, que indica que el desplazamiento se hace a un lado y al otro de manera alternada. SCROLLDELAY Es el tiempo en milisegundos que tiene que pasar entre cada cambio de la posición de lo que hay desplazándose. Es decir, cuanto mayor sea el valor, más milisegundos tardará la marquesina en moverse. El valor por defecto es 85, pero si por ejemplo ponemos un valor 500 la marquesina cambiará de estado (desplazará el contenido) cada medio segundo. SCROLLAMOUNT Es la cantidad de pixel que tiene que desplazarse el contenido de la marquesina cada vez que se mueve. A mayor scrollamount, más se desplazará la marquesina en cada movimiento y por tanto la animación será más rápida. El valor por defecto es 6. Podemos probar a colocar un valor mayor y veremos que el movimiento será más “a golpes”.

LOOP El número de ciclos que va a moverse el texto o lo que quiera que haya dentro de la marquee. Este atributo sólo funciona en Internet Explorer. Por defecto es INFINITE, que quiere decir que se desplazará todo el tiempo sin parar. Pero si por ejemplo colocamos un valor como 3, querrá decir que la marquesina sólo realizará tres ciclos o movimientos y luego parará.

BGCOLOR El color de fondo de la marquesina. Acepta el nombre de un color HTML o bien un valor RGB de dicho color.

HSPACE y VSPACE Estos dos atributos sirven para definir el número de píxel que debe aparecer entre la marquesina y otros contenidos de la página, en horizontal y vertical. Algunos ejemplos de marquee: <marquee width=200 direction=right> Marquesina a la derecha y con ancho <marquee behaviour=alternate scrolldelay=500 bgcolor=“#ff8833”>texto que se mueve

Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, así como toda estructura en documentos HTML, son definidas usando tags. Una tabla simple puede ser insertada en un documento HTML usando tres tags:el tag HTML table (principal contenedor), el tag HTML tr (fila contenedora) y el tag HTML td (celda simple).

TABLA1
Campo unificado Campo 2 Campo 3
Campo 5 Campo 6
Campo 8 Campo 9


TABLA1CORAZON

<TITLE> EL CORAZON

ES UN ORGANO MUSCULAR HUECO CUYA FUNCION PRINCIPAL ES BOMBEAR LA SANGRE POR LOS VASOS SANGUINEOS 3p1c30

PARA LLEVARLA A TODOS LOS RINCONES DEL CUERPO 6d3xp

Enlace a Tema 4: Hiperenlaces
EL CORAZON DIASTOLES SISTOLE AURICULAR
SISTOLE VENTRICULAR 5 CAVIDADES DEL CORAZON
VALVULAS VENTRICULOS

Related Documents 3h463d
Taller Html Basico 513l12
April 2021 0
Curso Basico Html 485n4k
September 2020 0
Evaluacion De Html Basico 2d828
June 2021 0
Taller De Diseno Basico 2 2o5457
September 2021 0
Taller Conceptos Excel Completo Basico 2e5ah
December 2019 50
Motos 2 Tiempos Basico Taller 3xg4y
September 2020 0

Copyright © 2025 IDOUB.