Paginas web

INSTITUTO TECNOLÓGICO SUPERIOR DE COSAMALOAPAN |
PROGRAMACIÓN DE PÁGINAS WEB |
DESARROLLO DE APLICACIONES WEB |
|
ISC. ROBERTO ZAMUDIO PORTILLA |
|

|

UNIDAD 1 HTML

¿Qué es HTML?
HTML es el acrónimo de HyperText Markup Language (Lenguaje de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo debenmostrar el contenido de una página web.

El lenguaje HTML contiene dos partes:
* El contenido, que es el texto que se verá en la pantalla de un ordenador

* Las etiquetas y atributos que estructuran el texto de la página web en encabezados, párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla.

Las etiquetas, que son un conjunto de caracteres que rodean partes deldocumento, están formadas por el símbolo 

Protocolo HTTP
Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet

Estructura de un documento HTML


Definiciones de la cabecera


Instrucciones HTML



Encabezados
Cuandodeseamos poner títulos normalmente se usan las etiquetas de HTML que .sirven para poner encabezados.

A continuación se muestran los 6 nieveles de encabezados.
Texto muy grande
Texto grande
Texto algo más grande de lo normal
Texto normal
Texto pequeño
Texto muy pequeño |

Ejercicio:
1. Abra un documento ya sea en block de notas o notepad o algún editor de páginas web
2. EscribaHola Mundo usando los formatos de encabezado vistos en esta sección
3. Guarde el documento como practica1.html
4. Abra el documento en el navegador que use
5. Escriba sus conclusiones.
Formato de Texto
A continuación se dan a conocer las etiquetas que nos permiten dar formato al texto:

Etiqueta | Significado | Ejemplo |
| Texto en negritas | Hola mundo |
| Texto encursivas | Hola mundo |
| Texto subrayado | Hola mundo |
| Superindice | X2 |
| Subindice | X2 |
| Centrar el texto | Hola mundo |
| El texto se coloca tal como se escribe respetando los saltos de línea | Este Es Un ejemplo |
| Texto tachado | Hola mundo |
| Texto en teletipo | Hola mundo |

Instrucción Font
Esta instrucción se usa para indicar el tipo de letra, color ytamaño de letra.
* Size es el tamaño de letra
* Color es para poner el color de letra
* Face es para el tipo de letra
Ejemplo:
Hola mundo
Si queremos que esto se coloque centrado y en negritas tenemos

Hola mundo

Ejercicio.
1. Escriba la biografía de Steve Jobs usando el tipo de letra tahoma, tamaño 5 color azul, coloque el titulo centrado usando el formato de cabeceray que quede centrado.
Párrafos y Saltos de Línea
Salto de Linea
Normalmente cuandos se escribe texto en html este se queda en al misma línea es decir lo pone de manera corrida; si deseamos que el texto se escriba en líneas diferentes podemos hacer uso de la etiqueta que indica salto de línea.
Ejemplo:
--------------------------------------------------------------------------------------------------

-------------------------------------------------
Holamundo
-------------------------------------------------

-------------------------------------------------


Párrafos

Para indicarle al navegador que queremos poner ese texto en un párrafo, debemos escribirlo entre las etiquetas y su cierre .

Así el texto quedará dentro de un párrafo, separado por unespacio en blanco por encima y uno por abajo.

El texto del párrafo lo puedes alinear utilizando la etiqueta align utilizando los parámetros “center” (para alinearlo al centro), “right” (para alinearlo a la derecha), “left” (para alinearlo a la izquierda) y “justify” (para justificar el texto).

Un ejemplo de esta etiqueta con sus respectivos parámetros es el siguiente:

Este texto se...