Manual html

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 acertadas en poco
tiempo.
- Alto grado de incertidumbre en la información
que se posee.

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
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
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
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>
</body>
</html>

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
CURSO HTML
Centrando texto en la página:
<html>
<head>
</head>
<body>
<center> Hola Estudiantes!!!!! </center>
</body>
</html>

11
CURSO HTML
Mostrar texto en negrita:
<html>
<head>
</head>
<body>
<center> <b> Hola Estudiantes!!!!!</b> </center>
</body>
</html>

12
CURSO HTML
Cambiando color de Background:
<html>
<head>
</head>
<body bgcolor="#CCCCCC">
<center> <b> Hola Estudiantes!!!!!</b> </center> </body>
</html>
Consulte la paleta de colores

LOS COLORES PRIMARIOS SON:
#FF0000 rojo
#00FF00 verde
#0000FF azul
 Otros colores son:
#FFFFFF blanco
#000000 negro
#FFFF00 amarillo

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
CURSO HTML
Salto de Línea:
<html>
<head>
</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
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> 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>

 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”

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.

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..

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.

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

Manual html

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (17)

Semelhante a Manual html

Semelhante a Manual html (20)

Mais de Jhonny Jach

Mais de Jhonny Jach (6)

Manual html