SlideShare uma empresa Scribd logo
1 de 3
UNIDAD EDUCATIVA “COMPUTER
WORLD”
DámarisGiacometti
Primero de Bachillerato
15/05/2014
Códigos HTML
Creación de páginas web
Páginas html
html
define el inicio del
documento HTML, le indica
al navegador que lo que
viene a continuación debe
ser interpretado como
código HTML. Esto es así
de facto, ya que en teoría lo
que define el tipo de
documento es el
DOCTYPE, que significa la
palabra justo tras
DOCTYPE el tag de raíz.
head
<head>: define la
cabecera del documento
HTML; esta cabecera
suele contener
información sobre el
documento que no se
muestra directamente al
usuario como, por
ejemplo, el título de la
ventana del navegador.
Dentro de la cabecera
<head> es posible
encontrar: title, link,
style, meta, body.
Creación de páginas web
Con este código
estarás creando un
documento con el
título "Inicio", y con
el color de fondo
verde (#99CC99).
3 Haz clic sobre
el menú Archivo.
4 Haz clic sobre la
opción Guardar
como. Se abrirá el
cuadro de diálogo
Guardar como.
6 Guarda el documento
con el nombre
inicio.htm, dentro de la
carpeta Mis
documentos/ejercicios_
html/ el nombre de tu
disco duro.
1. Si no tienes
abierto el Bloc
de notas, ábrelo
para realizar el
primer ejercicio.
2 Escribe el
código que
aparece a
continuación:
<html>
<head>
<title>Inicio</title>
</head>
<body
bgcolor="#99CC99">
</body>
</html>
7 Abre el
documento que
acabas de crear en
un navegador, y
comprueba que
obtienes una
página como la
que aparece si
pulsas aquí. Fíjate
en el color de
fondo de la página
y en la barra de
título.

Mais conteúdo relacionado

Mais procurados (19)

Wwww
WwwwWwww
Wwww
 
El doctype de HTML5
El doctype de HTML5El doctype de HTML5
El doctype de HTML5
 
Expocision ofimatica5
Expocision ofimatica5Expocision ofimatica5
Expocision ofimatica5
 
Html
HtmlHtml
Html
 
Taller practico 5 html
Taller practico 5 htmlTaller practico 5 html
Taller practico 5 html
 
Trucos de word 2
Trucos de word 2Trucos de word 2
Trucos de word 2
 
Taller practico 3 html
Taller practico 3 htmlTaller practico 3 html
Taller practico 3 html
 
Taller practico 1 html
Taller practico 1 htmlTaller practico 1 html
Taller practico 1 html
 
Taller practico 4 html
Taller practico 4 htmlTaller practico 4 html
Taller practico 4 html
 
Colegio nacional nicolas
Colegio nacional nicolasColegio nacional nicolas
Colegio nacional nicolas
 
Taller practico 2 html
Taller practico 2 htmlTaller practico 2 html
Taller practico 2 html
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
Menu archivo
Menu archivoMenu archivo
Menu archivo
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
HTML
HTMLHTML
HTML
 
Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)
 
Colegio nicolas esguerra html
Colegio nicolas esguerra htmlColegio nicolas esguerra html
Colegio nicolas esguerra html
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 

Destaque

Profile_Prakash
Profile_PrakashProfile_Prakash
Profile_PrakashPrakash BS
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTMLmaryjo05
 
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
 
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
 
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
 
Paseo Por El SeñOríO De Almanzora
Paseo Por El SeñOríO De  AlmanzoraPaseo Por El SeñOríO De  Almanzora
Paseo Por El SeñOríO De AlmanzoraMartin Granados
 
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44lapostePDL
 
Negocios Verdes - Presentación Tendencias CCCS
Negocios Verdes - Presentación Tendencias CCCSNegocios Verdes - Presentación Tendencias CCCS
Negocios Verdes - Presentación Tendencias CCCSForos Semana
 
Historia y conceptos de internet
Historia y conceptos de internetHistoria y conceptos de internet
Historia y conceptos de internetJOSE BABILONIA
 
body&health 2da Edición
body&health 2da Ediciónbody&health 2da Edición
body&health 2da Ediciónbody&health
 
Flightnetwork affiliate cj sell sheet
Flightnetwork affiliate   cj sell sheetFlightnetwork affiliate   cj sell sheet
Flightnetwork affiliate cj sell sheetvishalrg
 
Thomson profile rail_linear_guides_catalog
Thomson profile rail_linear_guides_catalogThomson profile rail_linear_guides_catalog
Thomson profile rail_linear_guides_catalogElectromate
 

Destaque (20)

Profile_Prakash
Profile_PrakashProfile_Prakash
Profile_Prakash
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
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
 
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...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
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
 
Ejm taller practico
Ejm taller practicoEjm taller practico
Ejm taller practico
 
Paseo Por El SeñOríO De Almanzora
Paseo Por El SeñOríO De  AlmanzoraPaseo Por El SeñOríO De  Almanzora
Paseo Por El SeñOríO De Almanzora
 
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44
[CP] Déploiement tablette Ardoiz dans 108 bureaux de Poste du 85 et 44
 
Negocios Verdes - Presentación Tendencias CCCS
Negocios Verdes - Presentación Tendencias CCCSNegocios Verdes - Presentación Tendencias CCCS
Negocios Verdes - Presentación Tendencias CCCS
 
Historia y conceptos de internet
Historia y conceptos de internetHistoria y conceptos de internet
Historia y conceptos de internet
 
El pop susana
El pop   susanaEl pop   susana
El pop susana
 
body&health 2da Edición
body&health 2da Ediciónbody&health 2da Edición
body&health 2da Edición
 
Flightnetwork affiliate cj sell sheet
Flightnetwork affiliate   cj sell sheetFlightnetwork affiliate   cj sell sheet
Flightnetwork affiliate cj sell sheet
 
Thomson profile rail_linear_guides_catalog
Thomson profile rail_linear_guides_catalogThomson profile rail_linear_guides_catalog
Thomson profile rail_linear_guides_catalog
 

Semelhante a Prueba parcial, Códigos html y creación de páginas web.

Semelhante a Prueba parcial, Códigos html y creación de páginas web. (20)

Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
DF
DFDF
DF
 
Html 121
Html 121Html 121
Html 121
 
Crear archivo html (1)
Crear archivo html (1)Crear archivo html (1)
Crear archivo html (1)
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Crear archivo html (2)
Crear archivo html (2)Crear archivo html (2)
Crear archivo html (2)
 
Crear archivo html (1)
Crear archivo html (1)Crear archivo html (1)
Crear archivo html (1)
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
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
 
D
DD
D
 
Html
HtmlHtml
Html
 

Último

DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxMaritza438836
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 

Último (20)

DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 

Prueba parcial, Códigos html y creación de páginas web.

  • 1. UNIDAD EDUCATIVA “COMPUTER WORLD” DámarisGiacometti Primero de Bachillerato 15/05/2014 Códigos HTML Creación de páginas web
  • 2. Páginas html html define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. head <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar: title, link, style, meta, body.
  • 3. Creación de páginas web Con este código estarás creando un documento con el título "Inicio", y con el color de fondo verde (#99CC99). 3 Haz clic sobre el menú Archivo. 4 Haz clic sobre la opción Guardar como. Se abrirá el cuadro de diálogo Guardar como. 6 Guarda el documento con el nombre inicio.htm, dentro de la carpeta Mis documentos/ejercicios_ html/ el nombre de tu disco duro. 1. Si no tienes abierto el Bloc de notas, ábrelo para realizar el primer ejercicio. 2 Escribe el código que aparece a continuación: <html> <head> <title>Inicio</title> </head> <body bgcolor="#99CC99"> </body> </html> 7 Abre el documento que acabas de crear en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí. Fíjate en el color de fondo de la página y en la barra de título.