SlideShare una empresa de Scribd logo
1 de 4
solucion taller
HTML
HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de
Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es
decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje
de Formato de Documentos para Hipertexto.
programas
Los códigos html son el lenguaje universal que se utiliza para programar y elaborar
sitios web.
Las siglas html significan “Hyper Text Markup Language” o Lenguaje Marcado de
Hipertexto. Este tipo de códigos genera sitios web estáticos, aunque usados con
otros lenguajes de programación se pueden crear sitios dinámicos.
Este lenguaje se compone de etiquetas en serie que los navegadores traducen en la
pantalla como:
● Imágenes
● Texto
● Hipervínculos
● Listas de palabras
● Tablas de tabulación.
Usando diferentes etiquetas se puede crear una página web estructurada y
organizada con un contenido visible en cualquier pantalla.
pasos para crear página
1. Convierte el documento a texto sin formato en una Mac. ...
2. Abre el menú "Guardar". ...
3. Ingresa un nombre para el documento HTML. ...
4. Cambiar el tipo de archivo del documento. ...
5. Haz clic en Guardar. ...
6. Cierra el editor de texto. ...
7. Abre el documento HTML con el navegador.
función de los códigos HTML
Color de fondo: bgcolor
El primer parámetro que debes conocer es el del color de fondo, el “bgcolor”. A través
de este parámetro podremos definir el color de fondo que queramos que tenga
nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra
página quede con un fondo rojo deberemos escribir:
<body bgcolor=”#FF0000″></body>
Imagen de fondo: background html
Puede que no quieres que tu página tenga un color sólo de fondo, sino que quieras
que tu página tenga una imagen. En ese caso deberás indicarlo con la etiqueta
“background”. La etiqueta quedaría de la siguiente manera:
<body background=”URL”> </body>
Dónde leemos “URL” deberemos escribir la dirección de la imagen que queramos
que sea nuestro fondo. Una cosa muy importante que debes saber es que si la
imagen no es suficientemente grande para rellenar toda la página, la imagen se
repetirá tanto a lo ancho como a lo largo hasta rellenar todo el espacio.
Color de texto: text
Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto
de nuestra web. Es decir, tendremos que decirle al navegador de qué color
queremos que sea nuestro texto. Esto lo definiremos con el parámetro “text”.
Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo
que escribiremos lo siguiente:
<body text= “#000000”></body>
Márgenes: leftmargin, topmargin,
rightmargin y bottommargin
Ya sabemos de qué color será nuestro fondo y nuestro texto, pero también podemos
predefinir los márgenes de nuestra página web para que queda mucho mejor.
Porque no queremos que nuestro texto se quede muy pegada a los márgenes,
¿verdad?
Para especificar los márgenes utilizaremos el parámetro margin, con su
correspondiente indicación delante. Así encontraremos “leftmargin” para el margen
izquierdo, “topmargin” para el margen de arriba, “rightmargin” para el margen de la
derecha y “bottommargin” para el margen de abajo.
Si queremos que nuestros márgenes sean de 10 píxeles por todas partes
escribiremos lo siguiente:
<body leftmargin=”10px” topmargin=”10px” rightmargin=”10px”
bottommargin=”10px”></body>
Color de links: link, alink y vlink
En body también podemos ( y de hecho debemos hacerlo) definir el color de los
vínculos de nuestra páginas, definir el color con el que se mostraran los links. Aquí
debemos diferenciar tres tipos de instrucciones: Debemos definir el color del link
(con la etiqueta “link”), el color del link activo (con la etiqueta “alink”) y el color del
link ya visitado (con la etiqueta “vlink”).
Así pues, si queremos que nuestra página tenga un color de enlaces (de links) de
color rojo y que esos enlaces sean rojos cuando estén activos y se queden en azul
cuando estén inactivos deberemos escribir lo siguiente:
<body link= “#FF0000” alink= “#FF0000” vlink= “# 0000FF”></body>

Más contenido relacionado

La actualidad más candente

tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina webkaren_malik
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerraMonsalve Sergio
 
Colegio nacional nicolás esgerra
Colegio nacional nicolás esgerraColegio nacional nicolás esgerra
Colegio nacional nicolás esgerralazercat
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoMayra Franco
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3davidrg4l
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 32503468
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaCelina Valenzuela
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTMLkaren_malik
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159sebastiansabogalxD
 
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webColegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webMateo Remolina
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Mateo Remolina
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoMayra Franco
 

La actualidad más candente (20)

Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
Folleto fundacion
Folleto fundacionFolleto fundacion
Folleto fundacion
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Asasfgfg
AsasfgfgAsasfgfg
Asasfgfg
 
Colegio nacional nicolás esgerra
Colegio nacional nicolás esgerraColegio nacional nicolás esgerra
Colegio nacional nicolás esgerra
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 3
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_Valenzuela
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159Colegio nacional nicolás esguerra 159
Colegio nacional nicolás esguerra 159
 
Páginas web
Páginas webPáginas web
Páginas web
 
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webColegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina web
 
tutorial
tutorialtutorial
tutorial
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 

Similar a Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup language)

Similar a Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup language) (20)

Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Producto 4
Producto 4Producto 4
Producto 4
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Presentación1
Presentación1Presentación1
Presentación1
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Compu
CompuCompu
Compu
 
pagina html
pagina htmlpagina html
pagina html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
 
conociendo sobre HTLM
conociendo sobre HTLMconociendo sobre HTLM
conociendo sobre HTLM
 

Más de decimosistemas2018

Componentes tarjeta principal y
Componentes tarjeta principal yComponentes tarjeta principal y
Componentes tarjeta principal ydecimosistemas2018
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main boarddecimosistemas2018
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main boarddecimosistemas2018
 
Katherine duarte herrera 1ro actividad no. 8 - microsoft y windows
Katherine duarte herrera   1ro actividad no. 8 - microsoft y windowsKatherine duarte herrera   1ro actividad no. 8 - microsoft y windows
Katherine duarte herrera 1ro actividad no. 8 - microsoft y windowsdecimosistemas2018
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main boarddecimosistemas2018
 
Katherine duarte herrera 1ro - actividad no. 4 - presentacion -componentes...
Katherine duarte herrera   1ro - actividad no. 4 - presentacion  -componentes...Katherine duarte herrera   1ro - actividad no. 4 - presentacion  -componentes...
Katherine duarte herrera 1ro - actividad no. 4 - presentacion -componentes...decimosistemas2018
 
Katherine duarte herrera 1ro - actividad no. 1 - - introduccion a los sist...
Katherine duarte herrera   1ro - actividad no. 1 -  - introduccion a los sist...Katherine duarte herrera   1ro - actividad no. 1 -  - introduccion a los sist...
Katherine duarte herrera 1ro - actividad no. 1 - - introduccion a los sist...decimosistemas2018
 
Caren daihana blandon loaiza 1ro actividad no. 7 - simulador montaje pc
Caren daihana blandon loaiza   1ro actividad no. 7 - simulador montaje pcCaren daihana blandon loaiza   1ro actividad no. 7 - simulador montaje pc
Caren daihana blandon loaiza 1ro actividad no. 7 - simulador montaje pcdecimosistemas2018
 
Caren daihana blandon loaiza 1ro actividad no. 6 empresas tecnologicas
Caren daihana blandon loaiza   1ro actividad no. 6 empresas tecnologicasCaren daihana blandon loaiza   1ro actividad no. 6 empresas tecnologicas
Caren daihana blandon loaiza 1ro actividad no. 6 empresas tecnologicasdecimosistemas2018
 
Caren daihana blandon loaiza 1ro - actividad no. 1 - - introduccion a los ...
Caren daihana blandon loaiza   1ro - actividad no. 1 -  - introduccion a los ...Caren daihana blandon loaiza   1ro - actividad no. 1 -  - introduccion a los ...
Caren daihana blandon loaiza 1ro - actividad no. 1 - - introduccion a los ...decimosistemas2018
 
Diccionario sistemas angie mariana
Diccionario sistemas angie marianaDiccionario sistemas angie mariana
Diccionario sistemas angie marianadecimosistemas2018
 
Caren daihana blandon loaiza 2do actividad no. 4 - - cuestionario html__
Caren daihana blandon loaiza   2do actividad no. 4 -  - cuestionario html__Caren daihana blandon loaiza   2do actividad no. 4 -  - cuestionario html__
Caren daihana blandon loaiza 2do actividad no. 4 - - cuestionario html__decimosistemas2018
 

Más de decimosistemas2018 (20)

Simulador montaje de pc
Simulador montaje de pc Simulador montaje de pc
Simulador montaje de pc
 
Componentes tarjeta principal y
Componentes tarjeta principal yComponentes tarjeta principal y
Componentes tarjeta principal y
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main board
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main board
 
Simulador de montaje de pc
Simulador de montaje de pcSimulador de montaje de pc
Simulador de montaje de pc
 
Componentes de un computador
Componentes de un computadorComponentes de un computador
Componentes de un computador
 
Katherine duarte herrera 1ro actividad no. 8 - microsoft y windows
Katherine duarte herrera   1ro actividad no. 8 - microsoft y windowsKatherine duarte herrera   1ro actividad no. 8 - microsoft y windows
Katherine duarte herrera 1ro actividad no. 8 - microsoft y windows
 
Simulador montaje pc
Simulador montaje pcSimulador montaje pc
Simulador montaje pc
 
Empresas tegnologicas
Empresas tegnologicasEmpresas tegnologicas
Empresas tegnologicas
 
Componentes tarjeta principal o main board
Componentes tarjeta principal o main boardComponentes tarjeta principal o main board
Componentes tarjeta principal o main board
 
Katherine duarte herrera 1ro - actividad no. 4 - presentacion -componentes...
Katherine duarte herrera   1ro - actividad no. 4 - presentacion  -componentes...Katherine duarte herrera   1ro - actividad no. 4 - presentacion  -componentes...
Katherine duarte herrera 1ro - actividad no. 4 - presentacion -componentes...
 
Cotizacion de equipos
Cotizacion de equiposCotizacion de equipos
Cotizacion de equipos
 
Katherine duarte herrera 1ro - actividad no. 1 - - introduccion a los sist...
Katherine duarte herrera   1ro - actividad no. 1 -  - introduccion a los sist...Katherine duarte herrera   1ro - actividad no. 1 -  - introduccion a los sist...
Katherine duarte herrera 1ro - actividad no. 1 - - introduccion a los sist...
 
Componentes de un computador
Componentes de un computadorComponentes de un computador
Componentes de un computador
 
Caren daihana blandon loaiza 1ro actividad no. 7 - simulador montaje pc
Caren daihana blandon loaiza   1ro actividad no. 7 - simulador montaje pcCaren daihana blandon loaiza   1ro actividad no. 7 - simulador montaje pc
Caren daihana blandon loaiza 1ro actividad no. 7 - simulador montaje pc
 
Caren daihana blandon loaiza 1ro actividad no. 6 empresas tecnologicas
Caren daihana blandon loaiza   1ro actividad no. 6 empresas tecnologicasCaren daihana blandon loaiza   1ro actividad no. 6 empresas tecnologicas
Caren daihana blandon loaiza 1ro actividad no. 6 empresas tecnologicas
 
Caren daihana blandon loaiza 1ro - actividad no. 1 - - introduccion a los ...
Caren daihana blandon loaiza   1ro - actividad no. 1 -  - introduccion a los ...Caren daihana blandon loaiza   1ro - actividad no. 1 -  - introduccion a los ...
Caren daihana blandon loaiza 1ro - actividad no. 1 - - introduccion a los ...
 
Diccionario sistemas angie mariana
Diccionario sistemas angie marianaDiccionario sistemas angie mariana
Diccionario sistemas angie mariana
 
Caren daihana blandon loaiza 2do actividad no. 4 - - cuestionario html__
Caren daihana blandon loaiza   2do actividad no. 4 -  - cuestionario html__Caren daihana blandon loaiza   2do actividad no. 4 -  - cuestionario html__
Caren daihana blandon loaiza 2do actividad no. 4 - - cuestionario html__
 
Componentes de un computador
Componentes de un computadorComponentes de un computador
Componentes de un computador
 

Último

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 

Último (20)

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 

Katherine duarte herrera 2do actividad no 2 - - html ( hyper_text markup language)

  • 1. solucion taller HTML HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. programas Los códigos html son el lenguaje universal que se utiliza para programar y elaborar sitios web. Las siglas html significan “Hyper Text Markup Language” o Lenguaje Marcado de Hipertexto. Este tipo de códigos genera sitios web estáticos, aunque usados con otros lenguajes de programación se pueden crear sitios dinámicos. Este lenguaje se compone de etiquetas en serie que los navegadores traducen en la pantalla como: ● Imágenes ● Texto ● Hipervínculos ● Listas de palabras ● Tablas de tabulación. Usando diferentes etiquetas se puede crear una página web estructurada y organizada con un contenido visible en cualquier pantalla. pasos para crear página 1. Convierte el documento a texto sin formato en una Mac. ... 2. Abre el menú "Guardar". ... 3. Ingresa un nombre para el documento HTML. ... 4. Cambiar el tipo de archivo del documento. ... 5. Haz clic en Guardar. ... 6. Cierra el editor de texto. ... 7. Abre el documento HTML con el navegador.
  • 2. función de los códigos HTML Color de fondo: bgcolor El primer parámetro que debes conocer es el del color de fondo, el “bgcolor”. A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra página quede con un fondo rojo deberemos escribir: <body bgcolor=”#FF0000″></body> Imagen de fondo: background html Puede que no quieres que tu página tenga un color sólo de fondo, sino que quieras que tu página tenga una imagen. En ese caso deberás indicarlo con la etiqueta “background”. La etiqueta quedaría de la siguiente manera: <body background=”URL”> </body> Dónde leemos “URL” deberemos escribir la dirección de la imagen que queramos que sea nuestro fondo. Una cosa muy importante que debes saber es que si la imagen no es suficientemente grande para rellenar toda la página, la imagen se repetirá tanto a lo ancho como a lo largo hasta rellenar todo el espacio. Color de texto: text
  • 3. Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto de nuestra web. Es decir, tendremos que decirle al navegador de qué color queremos que sea nuestro texto. Esto lo definiremos con el parámetro “text”. Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo que escribiremos lo siguiente: <body text= “#000000”></body> Márgenes: leftmargin, topmargin, rightmargin y bottommargin Ya sabemos de qué color será nuestro fondo y nuestro texto, pero también podemos predefinir los márgenes de nuestra página web para que queda mucho mejor. Porque no queremos que nuestro texto se quede muy pegada a los márgenes, ¿verdad? Para especificar los márgenes utilizaremos el parámetro margin, con su correspondiente indicación delante. Así encontraremos “leftmargin” para el margen izquierdo, “topmargin” para el margen de arriba, “rightmargin” para el margen de la derecha y “bottommargin” para el margen de abajo. Si queremos que nuestros márgenes sean de 10 píxeles por todas partes escribiremos lo siguiente: <body leftmargin=”10px” topmargin=”10px” rightmargin=”10px” bottommargin=”10px”></body>
  • 4. Color de links: link, alink y vlink En body también podemos ( y de hecho debemos hacerlo) definir el color de los vínculos de nuestra páginas, definir el color con el que se mostraran los links. Aquí debemos diferenciar tres tipos de instrucciones: Debemos definir el color del link (con la etiqueta “link”), el color del link activo (con la etiqueta “alink”) y el color del link ya visitado (con la etiqueta “vlink”). Así pues, si queremos que nuestra página tenga un color de enlaces (de links) de color rojo y que esos enlaces sean rojos cuando estén activos y se queden en azul cuando estén inactivos deberemos escribir lo siguiente: <body link= “#FF0000” alink= “#FF0000” vlink= “# 0000FF”></body>