Sesion 02 - HTML y Etiquetas

Prof. Computación e Informática

SOTELO NUÑEZ, Jhon Christian 01

<html> <title>

<head> <body>



¿QUÉ ES HTML Y QUE SIGNIFICA?

HyperText Markup Language [Lenguaje de

marca de Hipertexto].

Es un estándar que sirve de referencia para la

elaboración de páginas web en sus diferentes

versiones, define una estructura básica y un

código (denominado HTML) para la definición

de contenido de una página web, como texto,

imágenes, videos, entre otros.



¿CUÁLES SON LAS VERSIONES DEL HTML?

HTML fue desarrollado originalmente por Tim

Bernes-Lee pero debido al rápido crecimiento

de la web, surgió la necesidad de crear un

estándar para que tanto los programadores

como los navegadores pudieran basarse en

unas mismas normas para escribir HTML. Cada

versión de HTML establece unas normas

respecto a cuáles son las etiquetas válidas y

cómo se deben escribir.



¿CUÁLES SON LAS VERSIONES DEL HTML?

Los estándares oficiales HTML son el HTML 2.0,

el HTML 3.2, el HTML 4.0 y el HTML 4.01,

aunque actualmente se trabaja en el HTML 5. El

HTLM 5 ya está empezando a ser usado

aunque todavía no es una especificación oficial.

El XHTML, una forma más avanzada del HTML

que se suponía iba a sustituir a éste, va a

quedar integrado dentro del HTML 5.



EVOLUCION DEL HTML

HTML 2.0

1995, Es el primer estándar oficial HTML, no soportaba tablas.

HTML 3.2

1997, se incorporaron los últimos avances de la página web, uso de Java y texto que fluye alrededor de las imágenes

HTML 4.01

1999, se centró en el desarrollo del estándar XHTML, y dio paso al desarrollo del HTML5 en el mes de marzo 2007.

HTML5

Fecha de liberación de los estándares 2014/2015 para HTML5, 2016 para HTML5.1 y 2019 para HTML5.2



ESTRUCTURA BÁSICA DEL UNA PÁGINA HTML

<HTML>

<HEAD>

<TITLE>Título de Página Web

</TITLE>

</HEAD>

<BODY>

Cuerpo de la Página

</BODY>

</HTML>



ELEMENTOS DEL HTML



CABECERA DEL DOCUMENTO HEAD

La cabecera es la sección comprendida entre

<head> y </head>. En ella se debe

encontrar, obligatoriamente, el título (entre

las etiquetas <Title> y </Title>)

El título de la página debe describir su

contenido por ejemplo: <Title>Computación

e Informática I</Title>




Además de la etiqueta Title, dentro de esta sección de

cabecera se suelen incluir otras etiquetas. Observar la

siguiente tabla:

Etiqueta cabecera Función ¿Es Obligatorio?

<title> Título del documento HTML Si

<base> Define ruta de acceso No

<link> Define archivo vinculado No

<meta> Define metadatos como descripción y palabra clave

No

<script> Delimita scripts incluidos No

<style> Delimita definición de estilos No




Además de la etiqueta Title, dentro de esta sección de

cabecera se suelen incluir otras etiquetas. Observar la

siguiente tabla:

Etiqueta cabecera Función ¿Es Obligatorio?

<title> Título del documento HTML Si

<link> Define archivo vinculado No

<meta> Define metadatos como descripción y palabra clave

No

<script> Delimita scripts incluidos No

<style> Delimita definición de estilos No



ETIQUETA <TITLE></TITLE>



ETIQUETA <Link>



ETIQUETA <meta>Los metadatos son datos (información) sobre los datos.

Los metadatos pueden ser utilizados por los navegadores (cómo mostrar

contenido o recarga de la página), los motores de búsqueda (palabras

clave), o otros servicios web.



ETIQUETA <meta> - EJEMPLOS:



ETIQUETA <script>La etiqueta <script> se utiliza para definir un script del lado del cliente, tales

como JavaScript.

Los usos más comunes de JavaScript son la manipulación de imágenes,

validación de formularios, y los cambios dinámicos de contenido.



ETIQUETA <Style>La etiqueta <style> se utiliza para definir información de estilo para un documento

HTML.

Dentro del elemento <style> especifica cómo los elementos HTML deben representar

en un explorador.

Cada documento HTML puede contener varias etiquetas <style>.



CUERPO DEL BODY

El elemento <body> contiene todo el contenido de un

documento HTML, como texto, hipervínculos, imágenes,

tablas, listas, etc.



ATRIBUTOS DEL BODY



ETIQUETA <P> </P>



ETIQUETA <EM> <STRONG>

La etiqueta <em> marca un texto indicando que su importancia es

mayor que la del resto del texto.

La etiqueta <strong> indica que un determinado texto es de la

mayor importancia dentro de la página. Ejemplo:



ETIQUETA <BLOCKQUOTE>

Se emplea para indicar que el texto que encierra es una cita

textual de otro texto externo



ETIQUETA <ACRONYM>

Se emplea para marcar las siglas o acrónimos del texto y

proporcionar el significado de esas siglas

Sesion 02 - HTML y Etiquetas

Documents

Transcript of Sesion 02 - HTML y Etiquetas