SlideShare una empresa de Scribd logo
1 de 11
IUTE - MÉRIDA ,[object Object],[object Object],[object Object],[object Object],[object Object]
CODIGOS HTML Para disponer de una referencia en de una pagina y poder desplazarnos dentro de una pagina de gran tamaño, se utiliza  anclas,  en estos casos usamos la siguiente sintaxis. <a name=&quot;nombreancla&quot;></a>  Un ancla se la define en una parte de la página que queremos que el operador llegue a partir de un hipervínculo.  Ahora la sintaxis para ir a un ancla desde un hipervínculo es la siguiente: <a href=&quot;#nombreancla&quot;>Introducción</a><br> Vemos que en la propiedad href indicamos el nombre del ancla.  También es perfectamente válido la llamada a anclas desde otra página (no importa si se encuentra en el mismo sitio o en otro)  Debemos conocer el nombre de la página a llamar y el nombre del ancla ,  luego la sintaxis para la llamada al ancla es:  <a href=&quot;pagina2.html#introduccion&quot;>Introducción</a>
Tabla y combinación de celdas .   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo de combinación de celdas en tablas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Comentarios dentro de una pagina Otro uso muy habitual cuando estamos desarrollando la página si queremos deshabilitar una parte del código podemos encerrarla entre los caracteres de comentarios.  La sintaxis para definir un comentario es: <!-- Aquí va el comentario -->  Es obligatorio luego del caracter de menor < disponer el signo de admiración y los dos guiones seguidos. Cerramos el comentario con dos guiones y el signo de mayor >
FONDOS Fondos con un color uniforme Se consigue añadiendo el comando  BGCOLOR  a la etiqueta <BODY> (situada al principio del documento), de la siguiente manera:  <BODY BGCOLOR=&quot;#XXYYZZ&quot;>  Los colores primarios son:  #FF0000  - Rojo  #00FF00  - Verde  #0000FF  - Azul  Otros colores son:  #FFFFFF  - Blanco  #000000  - Negro  #FFFF00  - Amarillo
Colores del texto y de los enlaces ,[object Object],[object Object],[object Object],[object Object]
Cambio del color de una parte del texto una etiqueta de color de la fuente con la que se puede cambiar sólo una parte del texto: <FONT COLOR=&quot;#FF0000&quot;> Este texto es de color rojo </FONT> Fondos con una imagen El fondo de una página puede ser también una imagen, ya sea en formato GIF o JPEG. Esta imagen se repite por toda la página, de una manera análoga al tapiz de Windows. La estructura de la etiqueta es:   <BODY BACKGROUND=&quot;imagen.gif&quot;>
Alineación y dimensionado de imágenes Alineación de las imágenes Esto se consigue con las extensiones de la etiqueta  ALIGN ,  alineada a la derecha , se ha obtenido con la etiqueta:  <IMG SRC=&quot;doom.gif&quot; ALIGN=RIGHT>   alineada a la izquierda , se ha obtenido con la etiqueta:  <IMG SRC=&quot;doom2.gif&quot; ALIGN=LEFT>   Dimensionando la imagen Estos comandos son WIDTH  (ancho)  y HEIGHT  (alto) .   Por ejemplo, para la imagen isla.gif  <IMG SRC=&quot;isla.gif&quot; WIDTH=120 HEIGHT=94>
Frames Se usa para dividir la pantalla en diferentes zonas o ventanas que pueden actuar independientemente de otras, como si se tratara de paginas diferentes Definición de los frames Es un documento parecido a los que conocíamos hasta ahora. La diferencia está en que en vez de utilizar la etiqueta BODY, que sirve normalmente para delimitar lo que se va a ver en la pantalla, se hace uso de la etiqueta FRAMESET ( definir los frames ).   En este caso, con la etiqueta <FRAMESET COLS=&quot;20%, 80%&quot;> se define que va a haber dos frames y que van a ir en  columnas . Si hubiéramos querido que fueran en  filas , habríamos puesto  ROWS  (filas, en inglés).  Ya se ha definido el número de frames, su distribución y su tamaño, pero falta por definir el  contenido  de cada frame. Esto se hace con las etiquetas:  <FRAME SRC=&quot;mipagind.html&quot;> <FRAME SRC=&quot;mipagpre.html&quot; NAME=&quot;principal&quot;>
Ejemplo: <HTML> <HEAD>  <TITLE>Mi pagina con frames</TITLE> </HEAD> <FRAMESET COLS=&quot;20%, 80%&quot;> <FRAME SRC=&quot;mipagind.html&quot;>  <FRAME SRC=&quot;mipagpre.html&quot; NAME=&quot;principal&quot;> </FRAMESET>  </HTML>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Html
HtmlHtml
Html
 
Revistaaaa
RevistaaaaRevistaaaa
Revistaaaa
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Pasos par..[1]
Pasos par..[1]Pasos par..[1]
Pasos par..[1]
 
Producto 3: Pagina Web
Producto 3: Pagina Web Producto 3: Pagina Web
Producto 3: Pagina Web
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Presentación2
Presentación2Presentación2
Presentación2
 

Destacado

Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuaciónguestc906c2
 
Insertar códigos en html
Insertar códigos en htmlInsertar códigos en html
Insertar códigos en htmlEdna Rodríguez
 
Códigos html y creaciones de páginas web
Códigos html y creaciones de páginas webCódigos html y creaciones de páginas web
Códigos html y creaciones de páginas webFelipe Jibaja
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTMLmaryjo05
 
Códigos html y creación de paginas web
Códigos html y creación de paginas webCódigos html y creación de paginas web
Códigos html y creación de paginas webEsteban Rueda
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas webABel Palma
 
biografia html
biografia htmlbiografia html
biografia htmlrulascch
 
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro XesteiraLas 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro XesteiraMilton Factory
 
Etiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculoEtiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculoLucesita Mzm
 
Programación en html 5
Programación en html 5Programación en html 5
Programación en html 5luchopaisa
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Dámaris Giacometti
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLdavid740413
 
TRABAJO SOBRE MI BIOGRAFIA
TRABAJO SOBRE MI BIOGRAFIATRABAJO SOBRE MI BIOGRAFIA
TRABAJO SOBRE MI BIOGRAFIAxxjhonnyxx
 
Los hombres nunca entienden a las mujeres
Los hombres nunca entienden a las mujeresLos hombres nunca entienden a las mujeres
Los hombres nunca entienden a las mujeresbixxo
 
Testdalailama
TestdalailamaTestdalailama
Testdalailamayak072
 
Control De ConstruccióN De Palas Y Almejas En La Empresa B U S T O S R E Y ...
Control De ConstruccióN De Palas Y Almejas En La Empresa  B U S T O S  R E Y ...Control De ConstruccióN De Palas Y Almejas En La Empresa  B U S T O S  R E Y ...
Control De ConstruccióN De Palas Y Almejas En La Empresa B U S T O S R E Y ...guest496cf6
 
Manual Del Alumno
Manual Del AlumnoManual Del Alumno
Manual Del Alumnoofcv
 

Destacado (20)

Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Insertar códigos en html
Insertar códigos en htmlInsertar códigos en html
Insertar códigos en html
 
Códigos html y creaciones de páginas web
Códigos html y creaciones de páginas webCódigos html y creaciones de páginas web
Códigos html y creaciones de páginas web
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Códigos html y creación de paginas web
Códigos html y creación de paginas webCódigos html y creación de paginas web
Códigos html y creación de paginas web
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Codigos html
Codigos htmlCodigos html
Codigos html
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
biografia html
biografia htmlbiografia html
biografia html
 
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro XesteiraLas 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira
Las 10 claves para mejorar tu posicionamiento en buscadores - Mauro Xesteira
 
Etiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculoEtiquetas de imagen e hipervínculo
Etiquetas de imagen e hipervínculo
 
Programación en html 5
Programación en html 5Programación en html 5
Programación en html 5
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.
 
Enlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTMLEnlaces o hipervínculos en HTML
Enlaces o hipervínculos en HTML
 
TRABAJO SOBRE MI BIOGRAFIA
TRABAJO SOBRE MI BIOGRAFIATRABAJO SOBRE MI BIOGRAFIA
TRABAJO SOBRE MI BIOGRAFIA
 
Los hombres nunca entienden a las mujeres
Los hombres nunca entienden a las mujeresLos hombres nunca entienden a las mujeres
Los hombres nunca entienden a las mujeres
 
CSHA
CSHACSHA
CSHA
 
Testdalailama
TestdalailamaTestdalailama
Testdalailama
 
Control De ConstruccióN De Palas Y Almejas En La Empresa B U S T O S R E Y ...
Control De ConstruccióN De Palas Y Almejas En La Empresa  B U S T O S  R E Y ...Control De ConstruccióN De Palas Y Almejas En La Empresa  B U S T O S  R E Y ...
Control De ConstruccióN De Palas Y Almejas En La Empresa B U S T O S R E Y ...
 
Manual Del Alumno
Manual Del AlumnoManual Del Alumno
Manual Del Alumno
 

Similar a HTML y fondos (20)

Introhtml
IntrohtmlIntrohtml
Introhtml
 
HTML
HTMLHTML
HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
HTML
HTMLHTML
HTML
 
Diapo03
Diapo03Diapo03
Diapo03
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Diapo02
Diapo02Diapo02
Diapo02
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Truquitos html
Truquitos htmlTruquitos html
Truquitos html
 

Más de guestc906c2

Estructura de Datos Arreglos
Estructura de Datos ArreglosEstructura de Datos Arreglos
Estructura de Datos Arreglosguestc906c2
 
Laboratorio Administracion de Hardware y Software
Laboratorio Administracion de Hardware y SoftwareLaboratorio Administracion de Hardware y Software
Laboratorio Administracion de Hardware y Softwareguestc906c2
 
SO continuación
SO continuaciónSO continuación
SO continuaciónguestc906c2
 
Clase IV Estructura de Datos IUTE - Mérida
Clase IV Estructura de Datos IUTE - MéridaClase IV Estructura de Datos IUTE - Mérida
Clase IV Estructura de Datos IUTE - Méridaguestc906c2
 
Clase III. Sistemas Operativos
Clase III. Sistemas OperativosClase III. Sistemas Operativos
Clase III. Sistemas Operativosguestc906c2
 
Clase II Introducción a la Informatica
Clase II Introducción a la InformaticaClase II Introducción a la Informatica
Clase II Introducción a la Informaticaguestc906c2
 
Clase I Introducción a la Informatica
Clase I Introducción a la InformaticaClase I Introducción a la Informatica
Clase I Introducción a la Informaticaguestc906c2
 
Clase II Informatica Basica IUTE - Mérida
Clase II Informatica Basica IUTE - MéridaClase II Informatica Basica IUTE - Mérida
Clase II Informatica Basica IUTE - Méridaguestc906c2
 
Clase I Informatica IUTE - Mérida
Clase I Informatica IUTE - MéridaClase I Informatica IUTE - Mérida
Clase I Informatica IUTE - Méridaguestc906c2
 
Clase I Informatica basica IUTE - Merida
Clase I Informatica basica IUTE - MeridaClase I Informatica basica IUTE - Merida
Clase I Informatica basica IUTE - Meridaguestc906c2
 
Clase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - MéridaClase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - Méridaguestc906c2
 
Clase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - MéridaClase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - Méridaguestc906c2
 
Clase II Estructura de Datos. IUTE- Merida
Clase II Estructura de Datos. IUTE- MeridaClase II Estructura de Datos. IUTE- Merida
Clase II Estructura de Datos. IUTE- Meridaguestc906c2
 
Clase I Estructura de Datos
Clase I Estructura de Datos Clase I Estructura de Datos
Clase I Estructura de Datos guestc906c2
 

Más de guestc906c2 (15)

Arreglos
ArreglosArreglos
Arreglos
 
Estructura de Datos Arreglos
Estructura de Datos ArreglosEstructura de Datos Arreglos
Estructura de Datos Arreglos
 
Laboratorio Administracion de Hardware y Software
Laboratorio Administracion de Hardware y SoftwareLaboratorio Administracion de Hardware y Software
Laboratorio Administracion de Hardware y Software
 
SO continuación
SO continuaciónSO continuación
SO continuación
 
Clase IV Estructura de Datos IUTE - Mérida
Clase IV Estructura de Datos IUTE - MéridaClase IV Estructura de Datos IUTE - Mérida
Clase IV Estructura de Datos IUTE - Mérida
 
Clase III. Sistemas Operativos
Clase III. Sistemas OperativosClase III. Sistemas Operativos
Clase III. Sistemas Operativos
 
Clase II Introducción a la Informatica
Clase II Introducción a la InformaticaClase II Introducción a la Informatica
Clase II Introducción a la Informatica
 
Clase I Introducción a la Informatica
Clase I Introducción a la InformaticaClase I Introducción a la Informatica
Clase I Introducción a la Informatica
 
Clase II Informatica Basica IUTE - Mérida
Clase II Informatica Basica IUTE - MéridaClase II Informatica Basica IUTE - Mérida
Clase II Informatica Basica IUTE - Mérida
 
Clase I Informatica IUTE - Mérida
Clase I Informatica IUTE - MéridaClase I Informatica IUTE - Mérida
Clase I Informatica IUTE - Mérida
 
Clase I Informatica basica IUTE - Merida
Clase I Informatica basica IUTE - MeridaClase I Informatica basica IUTE - Merida
Clase I Informatica basica IUTE - Merida
 
Clase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - MéridaClase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - Mérida
 
Clase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - MéridaClase III Estructura de Datos IUTE - Mérida
Clase III Estructura de Datos IUTE - Mérida
 
Clase II Estructura de Datos. IUTE- Merida
Clase II Estructura de Datos. IUTE- MeridaClase II Estructura de Datos. IUTE- Merida
Clase II Estructura de Datos. IUTE- Merida
 
Clase I Estructura de Datos
Clase I Estructura de Datos Clase I Estructura de Datos
Clase I Estructura de Datos
 

Último

estadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptestadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptMiguelAngel653470
 
PROCESO PRESUPUESTARIO - .administracion
PROCESO PRESUPUESTARIO - .administracionPROCESO PRESUPUESTARIO - .administracion
PROCESO PRESUPUESTARIO - .administracionDayraCastaedababilon
 
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdfRamon Costa i Pujol
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxDanielFerreiraDuran1
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaasesoriam4m
 
Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosFundación YOD YOD
 
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfT.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfLizCarolAmasifuenIba
 
Rendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosRendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosCondor Tuyuyo
 
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJosVidal41
 
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdf
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdfPRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdf
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdfCarolinaMaguio
 
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?Michael Rada
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-ComunicacionesIMSA
 
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionales
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionalesProyecto TRIBUTACION APLICADA-1.pdf impuestos nacionales
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionalesjimmyrocha6
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxJesDavidZeta
 
diapositivas 26-12-16_seguridad ciudadana.pptx
diapositivas 26-12-16_seguridad ciudadana.pptxdiapositivas 26-12-16_seguridad ciudadana.pptx
diapositivas 26-12-16_seguridad ciudadana.pptxDiegoQuispeHuaman
 
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAPLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAAlexandraSalgado28
 
PPT Empresas IANSA Sobre Recursos Humanos.pdf
PPT Empresas IANSA Sobre Recursos Humanos.pdfPPT Empresas IANSA Sobre Recursos Humanos.pdf
PPT Empresas IANSA Sobre Recursos Humanos.pdfihmorales
 
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfAFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfOdallizLucanaJalja1
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...ssuser2887fd1
 
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfCODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfmelissafelipe28
 

Último (20)

estadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptestadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.ppt
 
PROCESO PRESUPUESTARIO - .administracion
PROCESO PRESUPUESTARIO - .administracionPROCESO PRESUPUESTARIO - .administracion
PROCESO PRESUPUESTARIO - .administracion
 
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf
20240418-CambraSabadell-SesInf-AdopTecnologica-CasoPractico.pdf
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptx
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manua
 
Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de servicios
 
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfT.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
 
Rendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosRendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de Condominios
 
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
 
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdf
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdfPRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdf
PRINCIPIOS DE CONDUCCION Y LIDERAZGO SGTO 1.pdf
 
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
 
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionales
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionalesProyecto TRIBUTACION APLICADA-1.pdf impuestos nacionales
Proyecto TRIBUTACION APLICADA-1.pdf impuestos nacionales
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptx
 
diapositivas 26-12-16_seguridad ciudadana.pptx
diapositivas 26-12-16_seguridad ciudadana.pptxdiapositivas 26-12-16_seguridad ciudadana.pptx
diapositivas 26-12-16_seguridad ciudadana.pptx
 
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAPLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
 
PPT Empresas IANSA Sobre Recursos Humanos.pdf
PPT Empresas IANSA Sobre Recursos Humanos.pdfPPT Empresas IANSA Sobre Recursos Humanos.pdf
PPT Empresas IANSA Sobre Recursos Humanos.pdf
 
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfAFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
 
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfCODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
 

HTML y fondos

  • 1.
  • 2. CODIGOS HTML Para disponer de una referencia en de una pagina y poder desplazarnos dentro de una pagina de gran tamaño, se utiliza anclas, en estos casos usamos la siguiente sintaxis. <a name=&quot;nombreancla&quot;></a> Un ancla se la define en una parte de la página que queremos que el operador llegue a partir de un hipervínculo. Ahora la sintaxis para ir a un ancla desde un hipervínculo es la siguiente: <a href=&quot;#nombreancla&quot;>Introducción</a><br> Vemos que en la propiedad href indicamos el nombre del ancla. También es perfectamente válido la llamada a anclas desde otra página (no importa si se encuentra en el mismo sitio o en otro) Debemos conocer el nombre de la página a llamar y el nombre del ancla , luego la sintaxis para la llamada al ancla es: <a href=&quot;pagina2.html#introduccion&quot;>Introducción</a>
  • 3.
  • 4.
  • 5. Comentarios dentro de una pagina Otro uso muy habitual cuando estamos desarrollando la página si queremos deshabilitar una parte del código podemos encerrarla entre los caracteres de comentarios. La sintaxis para definir un comentario es: <!-- Aquí va el comentario --> Es obligatorio luego del caracter de menor < disponer el signo de admiración y los dos guiones seguidos. Cerramos el comentario con dos guiones y el signo de mayor >
  • 6. FONDOS Fondos con un color uniforme Se consigue añadiendo el comando BGCOLOR a la etiqueta <BODY> (situada al principio del documento), de la siguiente manera: <BODY BGCOLOR=&quot;#XXYYZZ&quot;> Los colores primarios son: #FF0000 - Rojo #00FF00 - Verde #0000FF - Azul Otros colores son: #FFFFFF - Blanco #000000 - Negro #FFFF00 - Amarillo
  • 7.
  • 8. Cambio del color de una parte del texto una etiqueta de color de la fuente con la que se puede cambiar sólo una parte del texto: <FONT COLOR=&quot;#FF0000&quot;> Este texto es de color rojo </FONT> Fondos con una imagen El fondo de una página puede ser también una imagen, ya sea en formato GIF o JPEG. Esta imagen se repite por toda la página, de una manera análoga al tapiz de Windows. La estructura de la etiqueta es: <BODY BACKGROUND=&quot;imagen.gif&quot;>
  • 9. Alineación y dimensionado de imágenes Alineación de las imágenes Esto se consigue con las extensiones de la etiqueta ALIGN , alineada a la derecha , se ha obtenido con la etiqueta: <IMG SRC=&quot;doom.gif&quot; ALIGN=RIGHT> alineada a la izquierda , se ha obtenido con la etiqueta: <IMG SRC=&quot;doom2.gif&quot; ALIGN=LEFT> Dimensionando la imagen Estos comandos son WIDTH (ancho) y HEIGHT (alto) . Por ejemplo, para la imagen isla.gif <IMG SRC=&quot;isla.gif&quot; WIDTH=120 HEIGHT=94>
  • 10. Frames Se usa para dividir la pantalla en diferentes zonas o ventanas que pueden actuar independientemente de otras, como si se tratara de paginas diferentes Definición de los frames Es un documento parecido a los que conocíamos hasta ahora. La diferencia está en que en vez de utilizar la etiqueta BODY, que sirve normalmente para delimitar lo que se va a ver en la pantalla, se hace uso de la etiqueta FRAMESET ( definir los frames ). En este caso, con la etiqueta <FRAMESET COLS=&quot;20%, 80%&quot;> se define que va a haber dos frames y que van a ir en columnas . Si hubiéramos querido que fueran en filas , habríamos puesto ROWS (filas, en inglés). Ya se ha definido el número de frames, su distribución y su tamaño, pero falta por definir el contenido de cada frame. Esto se hace con las etiquetas: <FRAME SRC=&quot;mipagind.html&quot;> <FRAME SRC=&quot;mipagpre.html&quot; NAME=&quot;principal&quot;>
  • 11. Ejemplo: <HTML> <HEAD> <TITLE>Mi pagina con frames</TITLE> </HEAD> <FRAMESET COLS=&quot;20%, 80%&quot;> <FRAME SRC=&quot;mipagind.html&quot;> <FRAME SRC=&quot;mipagpre.html&quot; NAME=&quot;principal&quot;> </FRAMESET> </HTML>