SlideShare una empresa de Scribd logo
1 de 9
COLEGIO NACIONAL NICOLAS ESGUERRA
“EDIFICAMOS FUTURO”
FREDY FELIPE MOYANO MUÑOZ
NICOLAS MUÑOZ
902 JM
CHOCOLATES MOYANO S.A.S
CRA 49L #60-51
TEL: 4596273 - 3205597288
choco.m@hotmail.com
www.chocolatesmoyano.com
VAMOS ACREAR UNA PAGINA WEB:
1 abrimos el bloc de notas:
2 colocas lo siguiente:
<HTML>
<HEAD>
<TITLE>CHOCOLATES MOYANO S.A.S</TITLE>
</HEAD>
<BODY>
BIENVENIDO A LA CHOCOLATERA DE MOYANO
</BODY>
</HTML>
3 desplegamos el menú archivo y damos clic en la opción guardar como:
4 En el recuadro Tipo: elige Todos los archivos:
5 Guarda el documento con el nombre de la empresa:
6 ciérralo yabre el documento que acabas de crear en un navegador
Otro que hizo muñoz fue:
Cambios de la pagina
COLOR DE FONDO
El color de fondo puede establecerse a través del atributo bgcolor,al que es
posible asignarle un color representado en hexadecimal o por un nombre
predefinido.
Imagen de fondo
La imagen de fondo puede establecerse a través del atributo background,
indicando la ruta en la que se encuentra la imagen.
Cambio color de letra
A través de la etiqueta <body>también es posible establecer el color del texto de
la página a través del atributo text.
Por ejemplo, para hacer que el color del texto de una página sea de color rojo,
tendremos que escribir:
<body text="YELLOW">
Cambio de márgenes
Entre el borde de la ventana y el contenido de la página existe un margen, cuyo
tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen
izquierdo) y topmargin (margen superior). Estos atributos no funcionan para el
navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y
marginheight (altura del margen).
Comentarios.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código,
de manera que no sean visualizados en el navegador, pero sí a la hora de editar el
documento.
Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y
//-->.
Espacio entre el texto
Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el
código, pero no se mostrará en el navegador. Para que se produzca el salto de
línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la
etiqueta <br>donde se desee que se produzca el salto.
La etiqueta <br>no precisa ninguna etiqueta de cierre. No hay que insertar la
etiqueta </br>después de ella, ya que dicha etiqueta no existe.
Texto preformateado <pre>
Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha
sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.
SEPARADORES
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que
se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos
pueden agruparse según vayan asociados al tipo de letra o a la información que
represente el texto. No hay que olvidar que todas estas etiquetas necesitan una
etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.
UTILIZE <B> Y <U>
HACI QUE DA EL BLOG DE NOTAS
HACI QUEDA LA PAGINA CREADA

Más contenido relacionado

La actualidad más candente

pagina html
pagina htmlpagina html
pagina htmldiana
 
C:\fakepath-2 guia para subir una plantilla de www btemplates-com
C:\fakepath-2 guia para subir una plantilla de www btemplates-comC:\fakepath-2 guia para subir una plantilla de www btemplates-com
C:\fakepath-2 guia para subir una plantilla de www btemplates-commrmava
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de htmlnicolas esguerra
 
Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaverSiany Cox
 
01 plantilla blogger-contra1
01 plantilla blogger-contra101 plantilla blogger-contra1
01 plantilla blogger-contra1Javimp
 
Documento blog
Documento blogDocumento blog
Documento blogjorsalu
 
01 plantilla blogger-ae
01 plantilla blogger-ae01 plantilla blogger-ae
01 plantilla blogger-aeanaevasaida
 
01 plantilla blogger-contra
01 plantilla blogger-contra01 plantilla blogger-contra
01 plantilla blogger-contracarolbb
 
40 pasos
40 pasos40 pasos
40 pasosXONISU
 
01 plantilla blogger-contra
01 plantilla blogger-contra01 plantilla blogger-contra
01 plantilla blogger-contraValenciacastella
 

La actualidad más candente (20)

Google drive paso a paso
Google drive paso a pasoGoogle drive paso a paso
Google drive paso a paso
 
pagina html
pagina htmlpagina html
pagina html
 
C:\fakepath-2 guia para subir una plantilla de www btemplates-com
C:\fakepath-2 guia para subir una plantilla de www btemplates-comC:\fakepath-2 guia para subir una plantilla de www btemplates-com
C:\fakepath-2 guia para subir una plantilla de www btemplates-com
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Taller 3 práctico grado 10
Taller 3 práctico grado 10Taller 3 práctico grado 10
Taller 3 práctico grado 10
 
Taller practico 1 y 2 html
Taller practico 1 y 2 htmlTaller practico 1 y 2 html
Taller practico 1 y 2 html
 
Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaver
 
Html
HtmlHtml
Html
 
01 plantilla blogger-contra1
01 plantilla blogger-contra101 plantilla blogger-contra1
01 plantilla blogger-contra1
 
Alfredo
AlfredoAlfredo
Alfredo
 
Platón
PlatónPlatón
Platón
 
Documento blog
Documento blogDocumento blog
Documento blog
 
Morrissey
MorrisseyMorrissey
Morrissey
 
Enero2011
Enero2011Enero2011
Enero2011
 
01 plantilla blogger-ae
01 plantilla blogger-ae01 plantilla blogger-ae
01 plantilla blogger-ae
 
Nestor
NestorNestor
Nestor
 
01 plantilla blogger-contra
01 plantilla blogger-contra01 plantilla blogger-contra
01 plantilla blogger-contra
 
40 pasos
40 pasos40 pasos
40 pasos
 
01 plantilla blogger-contra
01 plantilla blogger-contra01 plantilla blogger-contra
01 plantilla blogger-contra
 
Documento tic
Documento ticDocumento tic
Documento tic
 

Destacado

Ejercicios de Word Informática 4ºB
Ejercicios de Word Informática 4ºBEjercicios de Word Informática 4ºB
Ejercicios de Word Informática 4ºBRafa-16
 
Aplicar power clip
Aplicar power clipAplicar power clip
Aplicar power clipFredy Moyano
 
Diccionario manual griego (griego clasico-espanol)
Diccionario manual griego   (griego clasico-espanol)Diccionario manual griego   (griego clasico-espanol)
Diccionario manual griego (griego clasico-espanol)Alice Maulaz
 
Raíces griegas en el léxico científico-médico
Raíces griegas en el léxico científico-médicoRaíces griegas en el léxico científico-médico
Raíces griegas en el léxico científico-médicocsvidaurre
 

Destacado (7)

Ejercicios de Word Informática 4ºB
Ejercicios de Word Informática 4ºBEjercicios de Word Informática 4ºB
Ejercicios de Word Informática 4ºB
 
Aplicar power clip
Aplicar power clipAplicar power clip
Aplicar power clip
 
Diccionario manual griego (griego clasico-espanol)
Diccionario manual griego   (griego clasico-espanol)Diccionario manual griego   (griego clasico-espanol)
Diccionario manual griego (griego clasico-espanol)
 
Comprende..[2]
Comprende..[2]Comprende..[2]
Comprende..[2]
 
Raíces griegas en el léxico científico-médico
Raíces griegas en el léxico científico-médicoRaíces griegas en el léxico científico-médico
Raíces griegas en el léxico científico-médico
 
Texto artístico
Texto artísticoTexto artístico
Texto artístico
 
20677689 diccionario-quechua-castellano
20677689 diccionario-quechua-castellano20677689 diccionario-quechua-castellano
20677689 diccionario-quechua-castellano
 

Similar a Colegio nacional nicolas esguerra pagina creada

Similar a Colegio nacional nicolas esguerra pagina creada (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html00000
Html00000Html00000
Html00000
 
Index2.
Index2.Index2.
Index2.
 
dfgsdfh
dfgsdfhdfgsdfh
dfgsdfh
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web II
Pagina web IIPagina web II
Pagina web II
 
trabajo HTML 2
trabajo HTML 2trabajo HTML 2
trabajo HTML 2
 
Colegio nacional nicolas esguerra ...
Colegio nacional nicolas esguerra                                            ...Colegio nacional nicolas esguerra                                            ...
Colegio nacional nicolas esguerra ...
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Paginaii
PaginaiiPaginaii
Paginaii
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Taller dos paginaweb
Taller dos paginawebTaller dos paginaweb
Taller dos paginaweb
 
Html icredes
Html icredesHtml icredes
Html icredes
 
paul walker nissa
paul walker nissa paul walker nissa
paul walker nissa
 
Cole gio
Cole gioCole gio
Cole gio
 
Cole gio
Cole gioCole gio
Cole gio
 
Kihoipvfgh
KihoipvfghKihoipvfgh
Kihoipvfgh
 

Más de Fredy Moyano

Colegio nacional nicolas esguerra pagina con cambios
Colegio nacional nicolas esguerra pagina con cambiosColegio nacional nicolas esguerra pagina con cambios
Colegio nacional nicolas esguerra pagina con cambiosFredy Moyano
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaFredy Moyano
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlFredy Moyano
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaFredy Moyano
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlFredy Moyano
 
Colegio nacional nicolas esguerra informes
Colegio nacional nicolas esguerra informesColegio nacional nicolas esguerra informes
Colegio nacional nicolas esguerra informesFredy Moyano
 
Colegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosColegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosFredy Moyano
 
Colegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosColegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosFredy Moyano
 
Chocolates moyano s
Chocolates  moyano sChocolates  moyano s
Chocolates moyano sFredy Moyano
 
Colegio nacional nicolas esguerra robots 1
Colegio nacional nicolas esguerra robots 1Colegio nacional nicolas esguerra robots 1
Colegio nacional nicolas esguerra robots 1Fredy Moyano
 
Colegio nacional nicolás esguerra robot
Colegio nacional nicolás esguerra robotColegio nacional nicolás esguerra robot
Colegio nacional nicolás esguerra robotFredy Moyano
 

Más de Fredy Moyano (20)

Colegio nacional nicolas esguerra pagina con cambios
Colegio nacional nicolas esguerra pagina con cambiosColegio nacional nicolas esguerra pagina con cambios
Colegio nacional nicolas esguerra pagina con cambios
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creada
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Colegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creadaColegio nacional nicolas esguerra pagina creada
Colegio nacional nicolas esguerra pagina creada
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Crucigrama
CrucigramaCrucigrama
Crucigrama
 
Crucigrama
CrucigramaCrucigrama
Crucigrama
 
Crucigrama
CrucigramaCrucigrama
Crucigrama
 
Colegio nacional nicolas esguerra informes
Colegio nacional nicolas esguerra informesColegio nacional nicolas esguerra informes
Colegio nacional nicolas esguerra informes
 
Colegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosColegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formularios
 
Colegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formulariosColegio nacional nicolas esguerra formularios
Colegio nacional nicolas esguerra formularios
 
Access relaciones
Access relacionesAccess relaciones
Access relaciones
 
Accses 2
Accses 2Accses 2
Accses 2
 
Access
AccessAccess
Access
 
Chocolates moyano s
Chocolates  moyano sChocolates  moyano s
Chocolates moyano s
 
Colegio nacional nicolas esguerra robots 1
Colegio nacional nicolas esguerra robots 1Colegio nacional nicolas esguerra robots 1
Colegio nacional nicolas esguerra robots 1
 
123
123123
123
 
Colegio nacional nicolás esguerra robot
Colegio nacional nicolás esguerra robotColegio nacional nicolás esguerra robot
Colegio nacional nicolás esguerra robot
 
Parte 4
Parte 4Parte 4
Parte 4
 
3parte
3parte3parte
3parte
 

Colegio nacional nicolas esguerra pagina creada

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA “EDIFICAMOS FUTURO” FREDY FELIPE MOYANO MUÑOZ NICOLAS MUÑOZ 902 JM CHOCOLATES MOYANO S.A.S CRA 49L #60-51 TEL: 4596273 - 3205597288 choco.m@hotmail.com www.chocolatesmoyano.com
  • 2. VAMOS ACREAR UNA PAGINA WEB: 1 abrimos el bloc de notas: 2 colocas lo siguiente: <HTML> <HEAD> <TITLE>CHOCOLATES MOYANO S.A.S</TITLE> </HEAD> <BODY> BIENVENIDO A LA CHOCOLATERA DE MOYANO </BODY> </HTML>
  • 3. 3 desplegamos el menú archivo y damos clic en la opción guardar como: 4 En el recuadro Tipo: elige Todos los archivos: 5 Guarda el documento con el nombre de la empresa:
  • 4. 6 ciérralo yabre el documento que acabas de crear en un navegador Otro que hizo muñoz fue: Cambios de la pagina COLOR DE FONDO El color de fondo puede establecerse a través del atributo bgcolor,al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.
  • 5. Imagen de fondo La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen. Cambio color de letra A través de la etiqueta <body>también es posible establecer el color del texto de la página a través del atributo text. Por ejemplo, para hacer que el color del texto de una página sea de color rojo, tendremos que escribir: <body text="YELLOW">
  • 6. Cambio de márgenes Entre el borde de la ventana y el contenido de la página existe un margen, cuyo tamaño en píxeles puede modificarse mediante los atributos leftmargin (margen izquierdo) y topmargin (margen superior). Estos atributos no funcionan para el navegador Netscape, pero sí los atributos marginwidth (anchura del margen) y marginheight (altura del margen). Comentarios. En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de editar el documento. Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y //-->.
  • 7. Espacio entre el texto Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br>donde se desee que se produzca el salto. La etiqueta <br>no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br>después de ella, ya que dicha etiqueta no existe. Texto preformateado <pre> Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.
  • 8. SEPARADORES Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto. UTILIZE <B> Y <U> HACI QUE DA EL BLOG DE NOTAS
  • 9. HACI QUEDA LA PAGINA CREADA