SlideShare una empresa de Scribd logo
1 de 11
Colegio Nacional NicolásEsgerra

Edificamos Futuro

Trabajo De HTML

Jose Alexander bernalsaenz
C: 904

C: 04

Profesor: JohnA. Caraballo

1.Crear una pagina basica
1. seleccionamos en el menú de nuestro
ordenador bloc de notas

2. se copia el código q se muestra en la
imagen en el bloc de notas
3.seleccionamos la opción archivo y guardar
como

4. guardamos con el nombre q queramos
después de ese nombre colocamos .HTML
5.despues de guardado nos salimos en
nuestro ordenador aparecerá una carpeta
con el nombre de nuestro archivo
seleccionamos y nos queda hací

6.despues debajo de la etiquetabodi
ponemos inicio o lo que queramos y nos
debe aparecer hací
7.despues encerramos la etiqueta inicio
<h1>inicio</h1> hacemos esto para que se
vuelva de primer nivel guardamos nuestro
archivo y queda hací

Después de guardado vamos a nuestro sitio
y damos f5 para que se actualicen los datos
8. después colocamos debajo de la etiqueta
anterior la etiqueta<hr> que es para colocar
una línea horizontal.

Actualisamos los datos y queda haci.
2.Insertar texto con diferentes propiedades
9. Debajo de la etiqueta<hr>colocamos el
código q aparece en la imagen esto es para
colocar la introducción a nuestra página la
etiqueta<br> es para separar los textos la
etiqueta </em> es para q la letra aparezca en
cursiva.

10.antes de la última etiqueta
ponemos<h1>lo q queramos</h1> esto es
para modificar nuestro sitio como un sub
tema y queda hací
11.despues colocamos las etiquetas que
están en la imagen yeto queda hací
3.insertar un híper enlace

12. ahora vamos a crear un híper enlace vamos a
copiar debajo de </body>el código de la imagen
hasta</p>
Veras que en la parte superior se encuentra el
enlace si presionas te enviara a aula clic puedes
poner la dirección de cualquier sitio web que
quieras
4.

Más contenido relacionado

La actualidad más candente (20)

Informe
InformeInforme
Informe
 
Informe 6
Informe 6Informe 6
Informe 6
 
trabajo 5to bim
trabajo 5to bimtrabajo 5to bim
trabajo 5to bim
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)
 
Inf 20 (fpdf)
Inf 20 (fpdf)Inf 20 (fpdf)
Inf 20 (fpdf)
 
Informe 2
Informe 2Informe 2
Informe 2
 
Inf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) getInf 10 (operaciones por pantalla) get
Inf 10 (operaciones por pantalla) get
 
Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)Inf 8 (tablas eliseth)
Inf 8 (tablas eliseth)
 
u1
u1u1
u1
 
Inf 18 (base de datos)
Inf 18 (base de datos)Inf 18 (base de datos)
Inf 18 (base de datos)
 
Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)Inf 7 (instalación del xampp)
Inf 7 (instalación del xampp)
 
Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)Inf 2 (imagen, audio, video)
Inf 2 (imagen, audio, video)
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Informe 1
Informe 1Informe 1
Informe 1
 
Guia para-subir-archivos-a-blogger
Guia para-subir-archivos-a-bloggerGuia para-subir-archivos-a-blogger
Guia para-subir-archivos-a-blogger
 
Informe 4
Informe 4Informe 4
Informe 4
 
Html
HtmlHtml
Html
 
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
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 

Destacado

Trabajo de maestria fuentes de información xenia
Trabajo de maestria  fuentes de información xeniaTrabajo de maestria  fuentes de información xenia
Trabajo de maestria fuentes de información xenia
xenia de leon
 
Regulacion del equilibrio acido (2)
Regulacion del equilibrio acido (2)Regulacion del equilibrio acido (2)
Regulacion del equilibrio acido (2)
Genesis Pincay
 
Brayan gomez respeto
Brayan gomez respetoBrayan gomez respeto
Brayan gomez respeto
stiven199791
 
Presentación renacimiento
Presentación renacimientoPresentación renacimiento
Presentación renacimiento
Ainho85
 
Solido cristalinos .....
Solido cristalinos .....Solido cristalinos .....
Solido cristalinos .....
992145237
 

Destacado (20)

Expo arq1
Expo arq1Expo arq1
Expo arq1
 
Que es un proyecto
Que es un proyectoQue es un proyecto
Que es un proyecto
 
Internet
InternetInternet
Internet
 
Ensayo dhtic revisado (2)
Ensayo dhtic revisado (2)Ensayo dhtic revisado (2)
Ensayo dhtic revisado (2)
 
Nick
NickNick
Nick
 
Informatica grupo 4
Informatica grupo 4Informatica grupo 4
Informatica grupo 4
 
Contrato ALBET / GEMALTO - SAIME Cédula Electrónica
Contrato ALBET / GEMALTO - SAIME Cédula ElectrónicaContrato ALBET / GEMALTO - SAIME Cédula Electrónica
Contrato ALBET / GEMALTO - SAIME Cédula Electrónica
 
Trabajo de maestria fuentes de información xenia
Trabajo de maestria  fuentes de información xeniaTrabajo de maestria  fuentes de información xenia
Trabajo de maestria fuentes de información xenia
 
Regulacion del equilibrio acido (2)
Regulacion del equilibrio acido (2)Regulacion del equilibrio acido (2)
Regulacion del equilibrio acido (2)
 
Brayan gomez respeto
Brayan gomez respetoBrayan gomez respeto
Brayan gomez respeto
 
Diagrama bimanual
Diagrama bimanualDiagrama bimanual
Diagrama bimanual
 
Una playa muy original
Una playa muy originalUna playa muy original
Una playa muy original
 
Presentación renacimiento
Presentación renacimientoPresentación renacimiento
Presentación renacimiento
 
Genesis
GenesisGenesis
Genesis
 
Solido cristalinos .....
Solido cristalinos .....Solido cristalinos .....
Solido cristalinos .....
 
1. la familia
1. la familia1. la familia
1. la familia
 
Vender más haciendo uso de Internet y Redes Sociales
Vender más haciendo uso de Internet y Redes SocialesVender más haciendo uso de Internet y Redes Sociales
Vender más haciendo uso de Internet y Redes Sociales
 
genesis portales institucionales
genesis portales institucionalesgenesis portales institucionales
genesis portales institucionales
 
Agenda
AgendaAgenda
Agenda
 
Presentación lina
Presentación linaPresentación lina
Presentación lina
 

Similar a Trabajo html

Similar a Trabajo html (20)

Como hacer una pagina web en html
Como hacer una pagina web en htmlComo hacer una pagina web en html
Como hacer una pagina web en html
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Creacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaverCreacion de sitio web en dreamweaver
Creacion de sitio web en dreamweaver
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
scribd
scribdscribd
scribd
 
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
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Tp nº1
Tp nº1Tp nº1
Tp nº1
 
Trabajo practico n° 1
Trabajo practico n° 1Trabajo practico n° 1
Trabajo practico n° 1
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
H tm l
H tm lH tm l
H tm l
 
Uso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo BarriosUso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo Barrios
 
Uso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo BarriosUso de hipervínculos, marcos y un video - Guillermo Barrios
Uso de hipervínculos, marcos y un video - Guillermo Barrios
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 

Más de informaticabacaa

Más de informaticabacaa (9)

Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Trabajo jose
Trabajo joseTrabajo jose
Trabajo jose
 
Selccion colombia
Selccion colombiaSelccion colombia
Selccion colombia
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Html
HtmlHtml
Html
 
Correccion de la evaluacion bimestra
Correccion de la evaluacion bimestraCorreccion de la evaluacion bimestra
Correccion de la evaluacion bimestra
 
Colegio nacional nicolas esguerra sss
Colegio  nacional nicolas esguerra sssColegio  nacional nicolas esguerra sss
Colegio nacional nicolas esguerra sss
 
Colegio nicolas esguerra
Colegio  nicolas esguerraColegio  nicolas esguerra
Colegio nicolas esguerra
 
Colegio nacional nicolas esguerra tttt
Colegio  nacional nicolas esguerra ttttColegio  nacional nicolas esguerra tttt
Colegio nacional nicolas esguerra tttt
 

Trabajo html

  • 1. Colegio Nacional NicolásEsgerra Edificamos Futuro Trabajo De HTML Jose Alexander bernalsaenz C: 904 C: 04 Profesor: JohnA. Caraballo 1.Crear una pagina basica
  • 2. 1. seleccionamos en el menú de nuestro ordenador bloc de notas 2. se copia el código q se muestra en la imagen en el bloc de notas
  • 3. 3.seleccionamos la opción archivo y guardar como 4. guardamos con el nombre q queramos después de ese nombre colocamos .HTML
  • 4. 5.despues de guardado nos salimos en nuestro ordenador aparecerá una carpeta con el nombre de nuestro archivo seleccionamos y nos queda hací 6.despues debajo de la etiquetabodi ponemos inicio o lo que queramos y nos debe aparecer hací
  • 5. 7.despues encerramos la etiqueta inicio <h1>inicio</h1> hacemos esto para que se vuelva de primer nivel guardamos nuestro archivo y queda hací Después de guardado vamos a nuestro sitio y damos f5 para que se actualicen los datos
  • 6. 8. después colocamos debajo de la etiqueta anterior la etiqueta<hr> que es para colocar una línea horizontal. Actualisamos los datos y queda haci. 2.Insertar texto con diferentes propiedades
  • 7. 9. Debajo de la etiqueta<hr>colocamos el código q aparece en la imagen esto es para colocar la introducción a nuestra página la etiqueta<br> es para separar los textos la etiqueta </em> es para q la letra aparezca en cursiva. 10.antes de la última etiqueta ponemos<h1>lo q queramos</h1> esto es
  • 8. para modificar nuestro sitio como un sub tema y queda hací
  • 9. 11.despues colocamos las etiquetas que están en la imagen yeto queda hací
  • 10. 3.insertar un híper enlace 12. ahora vamos a crear un híper enlace vamos a copiar debajo de </body>el código de la imagen hasta</p>
  • 11. Veras que en la parte superior se encuentra el enlace si presionas te enviara a aula clic puedes poner la dirección de cualquier sitio web que quieras 4.