Práctica 2 lenguaje html. etiquetas y atributos.

INSTITUTO TECNOLOGICO DE TUXTEPEC
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio
Página 1 de 12
Carrera
Plan de
estudios
Clave de
la
materia
Nombre de la
materia
Semestre Gpo. Periodo
Ingeniería
informática
2009 -
2010
6F5
Desarrollo de
aplicaciones
web
6 A
Enero – Junio
2016
Practica No. Laboratorio: Nombre de la práctica
Duración
(Hora)
2 LSI Lenguaje HTML. Etiquetas y atributos. 3
1.- Enunciado
Elaboración de la primera página web. Se crea una carpeta en el disco duro para guardar las
páginas web. Se abre el Bloc de notas y se crea el archivo con el nombre de nombre
actividad1.html, escribe el código y luego visualízalo después en los navegadores.
2.- Introducción
El lenguaje HTML (Hiper Text Markup Languaje – Lenguaje de Marcado de Hipertexto) permite la
creación de páginas web. Al contrario que en otros lenguajes, los documentos en HTML no son
compilados generando ejecutables, sino interpretados por visores o navegadores web. Esto tiene
la ventaja de que en realidad, un documento HTML no es más que un archivo de texto y por
tanto, es compatible con cualquier plataforma o sistema operativo que disponga de un
navegador. Otra ventaja de que el lenguaje no se compile es que podemos obtener sin ningún
problema el código fuente de cualquier documento HTML que encontremos en internet,
simplemente grabando la página en formato HTML.
3.- Objetivo (Competencia)
Identificar etiquetas y atributos del lenguaje HTML.
4.- Fundamento

Página 2 de 12
1. Versiones de HTML:
HTML 2.0:
En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar
oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.
Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la
declaración explícita de los elementos body, html y head es opcional.
HTML 3.2:
La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el
W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web
desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.01:
La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML
4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML.
Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación
por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada
WHATWG (Web Hypertext Application Technology Working Group) que comenzó el desarrollo del
HTML 5, cuyo primer borrador oficial se publicó en enero de 2008. Debido a la fuerza de las
empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en
marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML, dentro del cual
decidió integrar el XHTML.
HTML 5, HTML 5.1, HTML 5.2: El consorcio internacional W3C, después de una evolución de varios
años, liberó el HTML 5 como estándar oficial a finales de octubre de 2014. HTML 5 incorpora
nuevos elementos no contemplados en HTML 4.01. Hay diversos cambios respecto a HTML 4.01.
Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la
web sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá
lanzando progresivamente nuevas evoluciones del HTML 5.

Página 3 de 12
2. Normas de HTML:
3. Estructura básica de un documentoHTML:
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
4. Etiquetas:
Etiquetas Uso
<html></html> Apertura y cierre del documento HTML.
<head></head> Encabezado del documento.
<title></title> Título de la página Web.
<body></body> Cuerpo de la página Web.
Etiquetas de cabeceras
<h1></h1> Cabecera de nivel 1.
Etiquetas de texto
texto Estilo de texto en negrita.
texto Estilo de texto en itálica.
texto Estilo de texto subrayado.
texto Énfasis.
texto Énfasis fuerte.
<tt>texto</tt> Estilo de texto de teletipo o monoespacio.
texto Superíndice.
texto Subíndice.

Página 4 de 12
Etiquetas de párrafo
Párrafo Párrafo.
<pre></pre> Texto preformateado.
<pre width=”x”></pre>
Otras etiquetas
<hr> Separador horizontal.
 Salto de línea forzado.
<!__ … -- >
Align=”left” Alineación a la izquierda.
Align=”center” Alineación centrada.
Align=”justify” Alineación justificada.
Color y tamaño del texto


Cambio local de la fuente.
 


5.- Descripción (Procedimiento)
A) Equipo necesario
 Computadora.
Material de apoyo
 Paquete de Wamp server
B) Desarrollo de la práctica.
Como primera práctica, se ha realizado el siguiente ejemplo:

Página 5 de 12
Fig. 1.- Primera práctica en HTML.

Página 6 de 12
6.- Resultados y conclusiones.
Fig. 2.- Vista desde el navegador Google Chrome.

Página 7 de 12
Fig. 3.- Vista desde el navegador Opera.

Página 8 de 12
Fig. 4.- Vista desde el navegador Internet Explorer.

Página 9 de 12
Fig. 5.- Vista desde el navegador Mozilla Firefox.

Página 10 de 12
Fig. 6.- Vista desde el navegador Chromium.
7.- Anexos
8.-Referencias
http://www.wampserver.com/en/

Página 11 de 12
Fecha de realización: 27 de enero de 2016.
Formuló Realizó
L.I. María de los Ángeles Martínez Morales Juan Anaya Manzano
Maestro Núm. Control: 13350283

Página 12 de 12
Instructivo de llenado del Formato para prácticas de Laboratorio
Carrera: Escribir el nombre de la carrera
Plan de estudios: Es la clave oficial del plan de estudios
Clave de la materia: Es la clave interna de la materia formada por cuatro dígitos
Nombre de la materia: Nombre de la materia como aparece en la retícula
No. Práctica: Número consecutivo de la práctica
Laboratorio de: Nombre del laboratorio a utilizar (“Tratamiento de la información”, “Redes y
telecomunicaciones” y “Software de base y Arquitectura de computadoras”)
Nombre de la práctica: Nombre que describe a la práctica
Duración (Hora): Duración de la práctica en horas
1.- Enunciado: Descripción breve del problema a resolver
2.- Introducción: Escribir una descripción breve de todo el tema que abarca la práctica
3.- Objetivo (Competencia): Objetivo o competencia a desarrollar
4.- Fundamento: Fundamento teórico de la práctica o tema (Llenado por el alumno)
5.- Descripción (Procedimiento): Escribir el equipo necesario y materia de apoyo (A). Describir los
pasos a seguir para el desarrollo de la práctica (B).
6.- Resultados y conclusiones: Escribir los resultados obtenidos y las conclusiones. (Llenado por el
alumno)
7.-Anexos: Incluir aquí imágenes, tablas y demás información que apoye la información de la práctica.
(Llenado por el alumno)
8.-Referencias: Incluir los datos de las fuentes consultadas. (Llenado por el alumno)
Fecha: Fecha en que se realizó la práctica (Llenado por el alumno)
Formuló: Nombre y firma del maestro
Realizó: Nombre y firma del alumno.

Práctica 2 lenguaje html. etiquetas y atributos.

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (20)

Similar a Práctica 2 lenguaje html. etiquetas y atributos.

Similar a Práctica 2 lenguaje html. etiquetas y atributos. (20)

Más de Juan Anaya

Más de Juan Anaya (20)

Último

Último (20)

Práctica 2 lenguaje html. etiquetas y atributos.