1
Introducción HTML
Tlga. Ana Riofrío
2
CURSO HTML
 Actualmente (en la sociedad) :
- Las personas deben memorizar muchos datos
- Se necesitan tomar decisiones ...
3
Continuación…
- Las empresas desean minimizar el costo total de
producción.
- Las empresas necesitan diferenciarse.
- La...
4
CURSO HTML
Terminología Básica
- HTTP: “hyper text transport protocol”
Es un protocolo para transmitir
hipertexto.
- Int...
5
CURSO HTML
Terminología Básica
- Links: Zonas lógicas dentro del código
que permiten acceder a otra zona
dentro de un si...
6
CURSO HTML
Inicio:
-Abrir Block de notas (o algún editor de
texto)
7
CURSO HTML
Código Básico de una página:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
8
CURSO HTML
Ingresando titulo de la página (en el Browser:
<html>
<head>
<title> Mi Primera Página </title>
</head>
<body...
9
CURSO HTML
Ingresando texto en la página:
<html>
<head>
<title Mi Primera Página </title>
</head>
<body>
Aquí escribo lo...
10
CURSO HTML
Centrando texto en la página:
<html>
<head>
<title> Mi Primera Página </title>
</head>
<body>
<center> Hola ...
11
CURSO HTML
Mostrar texto en negrita:
<html>
<head>
<title> Mi Primera Página </title>
</head>
<body>
<center> <b> Hola ...
12
CURSO HTML
Cambiando color de Background:
<html>
<head>
<title> Mi Primera Página </title>
</head>
<body bgcolor="#CCCC...
LOS COLORES PRIMARIOS SON:
#FF0000 rojo
#00FF00 verde
#0000FF azul
 Otros colores son:
#FFFFFF blanco
#000000 negro
#FFFF...
14
CURSO HTML
Cambiando tamaño de texto y centrando de otra
forma:
<html>
<head>
<title> Mi Primera Página</title>
</head>...
15
CURSO HTML
Salto de Línea:
<html>
<head>
<title> Mi Primera Página </title>
</head>
<body bgcolor="#CCCCCC">
<div align...
16
CURSO HTML
Guardar como pagina1.html:
17
CURSO HTML
• Ir a carpeta donde guardamos el archivo y
hacer doble click en él:
ETIQUETAS BÁSICAS EN HTML
 FORMATO DE TEXTOS
 <b> </b> negrita (también sirve la etiqueta <strong>…
</strong>)
 <i> </i...
ETIQUETAS BÁSICAS EN HTML
 Movimiento
 Puede dar movimiento al texto, gráficos y otros.
 La instrucción a usar es la si...
ETIQUETAS BÁSICAS EN HTML
FORMATO DE PÁRRAFOS
 <p> salto de párrafo </p>
 <br> salto de línea
 <blockquote> </blockquot...
ETIQUETAS BÁSICAS EN HTML
LÍNEAS HORIZONTALES SEPARADORAS
 <hr> línea horizontal.
 <hr width="x%"> anchura de la línea e...
ETIQUETAS BÁSICAS EN HTML
CREACIÓN DE LISTAS
1. Lista no numerada:
 <ul>
 <li>primer elemento de la lista</li>
 <li>seg...
ACTIVIDADES
 Conforman grupos de 4 personas
 Identificar qué tipo de información debería
contener su Web, para que ésta ...
Próxima SlideShare
Cargando en…5
×

Manual html

195 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
195
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
4
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Manual html

  1. 1. 1 Introducción HTML Tlga. Ana Riofrío
  2. 2. 2 CURSO HTML  Actualmente (en la sociedad) : - Las personas deben memorizar muchos datos - Se necesitan tomar decisiones acertadas en poco tiempo. - Alto grado de incertidumbre en la información que se posee.
  3. 3. 3 Continuación… - Las empresas desean minimizar el costo total de producción. - Las empresas necesitan diferenciarse. - La tecnología ha bajado sus costos. - Se han masificado los PC. - Ha aumentado las conexiones a Internet.
  4. 4. 4 CURSO HTML Terminología Básica - HTTP: “hyper text transport protocol” Es un protocolo para transmitir hipertexto. - Internet: Conjunto de redes interconectadas. Tiene un alcance mayor a 105 km. - Browser: Programa necesario para navegar en Internet.
  5. 5. 5 CURSO HTML Terminología Básica - Links: Zonas lógicas dentro del código que permiten acceder a otra zona dentro de un sitio web.
  6. 6. 6 CURSO HTML Inicio: -Abrir Block de notas (o algún editor de texto)
  7. 7. 7 CURSO HTML Código Básico de una página: <html> <head> <title></title> </head> <body> </body> </html>
  8. 8. 8 CURSO HTML Ingresando titulo de la página (en el Browser: <html> <head> <title> Mi Primera Página </title> </head> <body> </body> </html>
  9. 9. 9 CURSO HTML Ingresando texto en la página: <html> <head> <title Mi Primera Página </title> </head> <body> Aquí escribo lo que deseo... Hola Estudiantes!!!!! </body> </html>
  10. 10. 10 CURSO HTML Centrando texto en la página: <html> <head> <title> Mi Primera Página </title> </head> <body> <center> Hola Estudiantes!!!!! </center> </body> </html>
  11. 11. 11 CURSO HTML Mostrar texto en negrita: <html> <head> <title> Mi Primera Página </title> </head> <body> <center> <b> Hola Estudiantes!!!!!</b> </center> </body> </html>
  12. 12. 12 CURSO HTML Cambiando color de Background: <html> <head> <title> Mi Primera Página </title> </head> <body bgcolor="#CCCCCC"> <center> <b> Hola Estudiantes!!!!!</b> </center> </body> </html> Consulte la paleta de colores
  13. 13. LOS COLORES PRIMARIOS SON: #FF0000 rojo #00FF00 verde #0000FF azul  Otros colores son: #FFFFFF blanco #000000 negro #FFFF00 amarillo
  14. 14. 14 CURSO HTML Cambiando tamaño de texto y centrando de otra forma: <html> <head> <title> Mi Primera Página</title> </head> <body> <div align="right"> <font size="5"> <b> Hola Estudiantes!!!!!</b> </font></div> </body> </html> ALIGN: right, left, center, justify. SIZE: desde 1 hasta 7 (con modificaciones de + y -).
  15. 15. 15 CURSO HTML Salto de Línea: <html> <head> <title> Mi Primera Página </title> </head> <body bgcolor="#CCCCCC"> <div align="center"> <font size="7"> <b> El creer, la importancia de la fe.</b> </font></div> Si crees que estás derrotado, lo estás.<br> Si crees que no te atreves, no te atreverás.<br> Si quieres ganar, pero crees no poder,<br> lo más seguro es que no ganarás...<br> </html>
  16. 16. 16 CURSO HTML Guardar como pagina1.html:
  17. 17. 17 CURSO HTML • Ir a carpeta donde guardamos el archivo y hacer doble click en él:
  18. 18. ETIQUETAS BÁSICAS EN HTML  FORMATO DE TEXTOS  <b> </b> negrita (también sirve la etiqueta <strong>… </strong>)  <i> </i> cursiva (también sirve la etiqueta <em>…</em>)  <u> </u> subrayado  Encabezados  <H1>Texto</H1>  <H2>Texto</H2>  <H3>Texto</H3>  <H4>Texto</H4>  <H5>Texto</H5>  <H6>Texto</H6>
  19. 19. ETIQUETAS BÁSICAS EN HTML  Movimiento  Puede dar movimiento al texto, gráficos y otros.  La instrucción a usar es la siguiente:  <marquee></marquee> (instucción básica)  <marquee scrolldelay=n></marquee>  Establece el númeo de milisegundos entre cada “scroll”  Scrolldelay=“200”  Scrolldelay=“100”  Scrolldelay=“5”
  20. 20. ETIQUETAS BÁSICAS EN HTML FORMATO DE PÁRRAFOS  <p> salto de párrafo </p>  <br> salto de línea  <blockquote> </blockquote> sangrado.  <center> centrar el texto.  <p align=center> párrafo centrado.  <p align=left> párrafo alineado a la izquierda.  <p align=right> párrafo alineado a la derecha.
  21. 21. ETIQUETAS BÁSICAS EN HTML LÍNEAS HORIZONTALES SEPARADORAS  <hr> línea horizontal.  <hr width="x%"> anchura de la línea en porcentaje.  <hr width=x> anchura de la línea en píxeles.  <hr size=x> altura de la línea en píxeles.  <hr align=center> línea alineada en el centro.  <hr align=left> línea alineada a la izquierda.  <hr align=right> línea alineada a la derecha.  <hr noshade> línea sin efecto de sombra..
  22. 22. ETIQUETAS BÁSICAS EN HTML CREACIÓN DE LISTAS 1. Lista no numerada:  <ul>  <li>primer elemento de la lista</li>  <li>segundo elemento de la lista</li>  <li>tercer elemento de la lista</li>  </ul> cierra lista 2. Lista numerada:  <ol>  <li>primer elemento de la lista</li>  <li>segundo elemento de la lista</li>  </ol> cierra lista. 3. Lista de glosario o definición:  <dl>  <dt>término que se va a definir</dt>  <dd>definición del término</dd>  </dl> cierra lista.
  23. 23. ACTIVIDADES  Conforman grupos de 4 personas  Identificar qué tipo de información debería contener su Web, para que ésta sea rica en información.  Recolectar información  Construir una página web

×