html manual

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><title> Mi Primera Página </title></head><body>

<center> Hola Estudiantes!!!!! </center></body></html>

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

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

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

CURSO HTMLGuardar 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” Scrolldelay=“100” Scrolldelay=“5”


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

ETIQUETAS BÁSICAS EN HTMLCREACIÓN DE LISTAS1. 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

html manual

Documents