Download - Html manual
![Page 1: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/1.jpg)
1
Introducción HTML
Tlga. Ana Riofrío
![Page 2: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/2.jpg)
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.
![Page 3: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/3.jpg)
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.
![Page 4: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/4.jpg)
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.
![Page 5: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/5.jpg)
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.
![Page 6: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/6.jpg)
6
CURSO HTML
Inicio:
-Abrir Block de notas (o algún editor de texto)
![Page 7: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/7.jpg)
7
CURSO HTML
Código Básico de una página:<html><head><title></title></head>
<body>
</body></html>
![Page 8: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/8.jpg)
8
CURSO HTML
Ingresando titulo de la página (en el Browser:
<html><head><title> Mi Primera Página </title></head><body></body></html>
![Page 9: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/9.jpg)
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>
![Page 10: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/10.jpg)
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>
![Page 11: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/11.jpg)
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>
![Page 12: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/12.jpg)
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
![Page 13: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/13.jpg)
LOS COLORES PRIMARIOS SON:
#FF0000 rojo#00FF00 verde#0000FF azul
Otros colores son:#FFFFFF blanco#000000 negro#FFFF00 amarillo
![Page 14: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/14.jpg)
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 -).
![Page 15: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/15.jpg)
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>
![Page 16: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/16.jpg)
16
CURSO HTMLGuardar como pagina1.html:
![Page 17: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/17.jpg)
17
CURSO HTML• Ir a carpeta donde guardamos el
archivo y hacer doble click en él:
![Page 18: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/18.jpg)
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>
![Page 19: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/19.jpg)
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”
![Page 20: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/20.jpg)
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.
![Page 21: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/21.jpg)
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..
![Page 22: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/22.jpg)
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.
![Page 23: Html manual](https://reader034.vdocuments.net/reader034/viewer/2022052316/557c92e9d8b42a41498b485d/html5/thumbnails/23.jpg)
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