SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
CODIGOS DE PAGINAS WEB
Aunque código HTML es bastante básico en si, contiene algunas partes bastante básicas y otras
muchas más confusas...
Atención: los primeros pasos son bastante simples, abre un block de notas o notepad y, al
finalizar, guardalo en guardar como... con .html al final ejemplo: nombredelarchivo.html
Después de abrir el block, escribe lo siguiente
<html>
<head>
<title>
Aquí va el titulo que puedes ver arriba el de acá es taringa
</title>
</head>
<body>
Aquí va lo que vez adentro de la pagina
</body>
<html>
Lo que está entre estos signos:
< >
se llama etiqueta
Cuando la etiqueta tiene este signo antes"/" es decir que se cierra.
Color de fondo y de fuente
El color de fondo se define así:
<body bgcolor="color">
El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes
encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/)
(ej: "#FE2E2E" ""#0101DF;" etc)
El color del texto se define así:
<body text ="color">
El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes
encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/)
(ej: "#FE2E2E" ""#0101DF;" etc)
Personalizar el texto escrito
Para cambiar el color y el tamaño de un texto y la letra en especial:
<font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <-------
Importante
Color es igual que arriba y size es un numero entero del 1 al 7
Para la letra en el sentido de negrita, etc...:
<b>negrita</b>
<i>cursiva</i>
<u>subrayado</u>
<s>tachado</s>
<tt>teletipo (máquina de escribir)</tt>
<big>aumenta el tamaño de la fuente</big>
<small>disminuye el tamaño de la fuente</small>
Para el tamaño de la letra en básico, se escribe así:
<h1>Muy grande</h1>
<h2>Grande</h2>
<h3>Mediano Grande</h3>
<h4>Mediano</h4>
<h5>Mediano Chico</h5>
<h6>Chico</h6>
Por último, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto
se mueve por una banda):
<marquee bgcolor="blue" behavior="alternate" direction="right">
<font color="red" size="5">Aqui estará el texto </font>
</marquee>
Bgcolor es color de fondo.
Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scroll de un lado a
otro, continuamente,slidede un lado a otro, pero una sola vez.
Direction es hacia adonde se moverá el texto, puede ser down de arriba a abajo, up de abajo a
arriba, left de derecha a izquierda o left de izquierda a derecha.
Hiperenlances
Hiperenlaces es cuando pones una frase que te lleva a una página haciendo clic en ella:
<a href="http://www.google.com"><font color="red" size="5">Aquí va el texto que aparecerá en la
página</font><a/>
Eso te llevaria a http://www.google.com
Fotos
Para poder poner fotos es un poco más complicado pero es básico de todas formas. Antes, en el
lugar en el que tienes el bloc de notas guardado tienes que tener también una foto y saber el
nombre por ejemplo: lafoto.jpg
<img src="lafoto.jpg" alt="A qui escribes lo que se verá cuando pases el mouse por encima de la
foto">|

Más contenido relacionado

La actualidad más candente (20)

Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Html
HtmlHtml
Html
 
DF
DFDF
DF
 
Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!Colegio nacional nicolás esguerra!!
Colegio nacional nicolás esguerra!!
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
Pagina web
Pagina webPagina web
Pagina web
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Html
HtmlHtml
Html
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Present: I WEB DINAMICAS
Present: I WEB  DINAMICASPresent: I WEB  DINAMICAS
Present: I WEB DINAMICAS
 
Taller word formulario
Taller word  formularioTaller word  formulario
Taller word formulario
 
Primera web
Primera webPrimera web
Primera web
 

Destacado

Parent preview 5th grade may 15
Parent preview 5th grade may 15Parent preview 5th grade may 15
Parent preview 5th grade may 15Ted Huff
 
Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)Tatiana Montoya
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaU.M.S.A.
 
Manual Basico Web
Manual Basico WebManual Basico Web
Manual Basico WebBLLAP
 
Manual de informática
Manual de informáticaManual de informática
Manual de informáticamedinabetanzos
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en EspañolIleana Echandi
 
Manual basico de html
Manual basico de htmlManual basico de html
Manual basico de htmlJaneBv
 
Inscripcion empresas privada AFP Confia
Inscripcion empresas privada AFP ConfiaInscripcion empresas privada AFP Confia
Inscripcion empresas privada AFP ConfiaElContadorPublico.com
 
Html manual de referencia
Html manual de referenciaHtml manual de referencia
Html manual de referenciaAlvaro Gomes
 
Intro html+css
Intro html+cssIntro html+css
Intro html+cssjgosalbez
 
Puertos de entrada y salida juan
Puertos de entrada y salida juanPuertos de entrada y salida juan
Puertos de entrada y salida juanJuan Pablo Guzman
 

Destacado (20)

Introducción HTML 5
Introducción HTML 5Introducción HTML 5
Introducción HTML 5
 
Manual HTML.
Manual HTML.Manual HTML.
Manual HTML.
 
Parent preview 5th grade may 15
Parent preview 5th grade may 15Parent preview 5th grade may 15
Parent preview 5th grade may 15
 
Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamica
 
Manual Basico Web
Manual Basico WebManual Basico Web
Manual Basico Web
 
Editor profesional web
Editor profesional webEditor profesional web
Editor profesional web
 
Trabajo Web 2.0
Trabajo Web 2.0Trabajo Web 2.0
Trabajo Web 2.0
 
Manual de informática
Manual de informáticaManual de informática
Manual de informática
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
 
Diseño web con css
Diseño web con cssDiseño web con css
Diseño web con css
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
Manual basico de html
Manual basico de htmlManual basico de html
Manual basico de html
 
Inscripcion empresas privada AFP Confia
Inscripcion empresas privada AFP ConfiaInscripcion empresas privada AFP Confia
Inscripcion empresas privada AFP Confia
 
Codigo HTML
Codigo HTMLCodigo HTML
Codigo HTML
 
Html manual de referencia
Html manual de referenciaHtml manual de referencia
Html manual de referencia
 
Intro html+css
Intro html+cssIntro html+css
Intro html+css
 
Puertos de entrada y salida juan
Puertos de entrada y salida juanPuertos de entrada y salida juan
Puertos de entrada y salida juan
 

Similar a Html (20)

Codigo html
Codigo htmlCodigo html
Codigo html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Primera clasee
Primera claseePrimera clasee
Primera clasee
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Html111
Html111Html111
Html111
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
 
Intro html
Intro htmlIntro html
Intro html
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Html
HtmlHtml
Html
 

Más de Elias Herrera

Más de Elias Herrera (11)

Manual Front Comercio
Manual Front ComercioManual Front Comercio
Manual Front Comercio
 
Access
AccessAccess
Access
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Ortografia de Word
Ortografia de WordOrtografia de Word
Ortografia de Word
 
Clase nº3 word
Clase nº3 wordClase nº3 word
Clase nº3 word
 
M word
M wordM word
M word
 
Suma de números binarios
Suma de números binariosSuma de números binarios
Suma de números binarios
 
Consecuencias de las redes sociales
Consecuencias de las redes socialesConsecuencias de las redes sociales
Consecuencias de las redes sociales
 
Editor vi
Editor viEditor vi
Editor vi
 
Lenguaje de programación
Lenguaje de programaciónLenguaje de programación
Lenguaje de programación
 
Ht ml
Ht mlHt ml
Ht ml
 

Html

  • 1. CODIGOS DE PAGINAS WEB Aunque código HTML es bastante básico en si, contiene algunas partes bastante básicas y otras muchas más confusas... Atención: los primeros pasos son bastante simples, abre un block de notas o notepad y, al finalizar, guardalo en guardar como... con .html al final ejemplo: nombredelarchivo.html Después de abrir el block, escribe lo siguiente <html> <head> <title> Aquí va el titulo que puedes ver arriba el de acá es taringa </title> </head> <body> Aquí va lo que vez adentro de la pagina </body> <html> Lo que está entre estos signos: < > se llama etiqueta Cuando la etiqueta tiene este signo antes"/" es decir que se cierra. Color de fondo y de fuente El color de fondo se define así: <body bgcolor="color"> El color puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) El color del texto se define así: <body text ="color"> El texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en páginas web (http://html-color-codes.info/codigos-de-colores-hexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) Personalizar el texto escrito Para cambiar el color y el tamaño de un texto y la letra en especial: <font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> <------- Importante Color es igual que arriba y size es un numero entero del 1 al 7 Para la letra en el sentido de negrita, etc...: <b>negrita</b>
  • 2. <i>cursiva</i> <u>subrayado</u> <s>tachado</s> <tt>teletipo (máquina de escribir)</tt> <big>aumenta el tamaño de la fuente</big> <small>disminuye el tamaño de la fuente</small> Para el tamaño de la letra en básico, se escribe así: <h1>Muy grande</h1> <h2>Grande</h2> <h3>Mediano Grande</h3> <h4>Mediano</h4> <h5>Mediano Chico</h5> <h6>Chico</h6> Por último, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): <marquee bgcolor="blue" behavior="alternate" direction="right"> <font color="red" size="5">Aqui estará el texto </font> </marquee> Bgcolor es color de fondo. Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scroll de un lado a otro, continuamente,slidede un lado a otro, pero una sola vez. Direction es hacia adonde se moverá el texto, puede ser down de arriba a abajo, up de abajo a arriba, left de derecha a izquierda o left de izquierda a derecha. Hiperenlances Hiperenlaces es cuando pones una frase que te lleva a una página haciendo clic en ella: <a href="http://www.google.com"><font color="red" size="5">Aquí va el texto que aparecerá en la página</font><a/> Eso te llevaria a http://www.google.com Fotos Para poder poner fotos es un poco más complicado pero es básico de todas formas. Antes, en el lugar en el que tienes el bloc de notas guardado tienes que tener también una foto y saber el nombre por ejemplo: lafoto.jpg <img src="lafoto.jpg" alt="A qui escribes lo que se verá cuando pases el mouse por encima de la foto">|