Vous êtes sur la page 1sur 26

<html>

<title>

<head>

<body>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

01

QU ES HTML Y QUE SIGNIFICA?


HyperText Markup Language [Lenguaje de
marca de Hipertexto].
Es un estndar que sirve de referencia para la
elaboracin de pginas web en sus diferentes
versiones, define una estructura bsica y un
cdigo (denominado HTML) para la definicin
de contenido de una pgina web, como texto,
imgenes, videos, entre otros.
Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

02

CULES SON LAS VERSIONES DEL HTML?


HTML fue desarrollado originalmente por Tim
Bernes-Lee pero debido al rpido crecimiento
de la web, surgi la necesidad de crear un
estndar para que tanto los programadores
como los navegadores pudieran basarse en
unas mismas normas para escribir HTML. Cada
versin de HTML establece unas normas
respecto a cules son las etiquetas vlidas y
cmo se deben escribir.
Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

03

CULES SON LAS VERSIONES DEL HTML?


Los estndares 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 todava no es una especificacin oficial.
El XHTML, una forma ms avanzada del HTML
que se supona iba a sustituir a ste, va a
quedar integrado dentro del HTML 5.
Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

04

EVOLUCION DEL HTML


HTML 2.0
1995, Es el primer
estndar oficial
HTML, no
soportaba tablas.

HTML 3.2
1997, se
incorporaron los
ltimos avances de
la pgina web, uso
de Java y texto que
fluye alrededor de
las imgenes

HTML 4.01
1999, se centr en
el desarrollo del
estndar XHTML, y
dio paso al
desarrollo del
HTML5 en el mes
de marzo 2007.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

HTML5
Fecha de liberacin
de los estndares
2014/2015 para
HTML5, 2016 para
HTML5.1 y 2019
para HTML5.2

05

ESTRUCTURA BSICA DEL UNA PGINA HTML


<HTML>
<HEAD>
<TITLE>Ttulo de Pgina Web
</TITLE>
</HEAD>
<BODY>
Cuerpo de la Pgina
</BODY>
</HTML>
Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

06

ELEMENTOS DEL HTML

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

07

CABECERA DEL DOCUMENTO HEAD


La cabecera es la seccin comprendida entre
<head> y </head>. En ella se debe
encontrar, obligatoriamente, el ttulo (entre
las etiquetas <Title> y </Title>)

El ttulo de la pgina debe describir su


contenido por ejemplo: <Title>Computacin
e Informtica I</Title>
Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

08

CABECERA DEL DOCUMENTO HEAD


Adems de la etiqueta Title, dentro de esta seccin de
cabecera se suelen incluir otras etiquetas. Observar la
siguiente tabla:
Etiqueta cabecera

Funcin

Es Obligatorio?

<title>

Ttulo del documento HTML

Si

<base>

Define ruta de acceso

No

<link>

Define archivo vinculado

No

<meta>

Define metadatos como


descripcin y palabra clave

No

<script>

Delimita scripts incluidos

No

<style>

Delimita definicin de estilos

No

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

09

CABECERA DEL DOCUMENTO HEAD


Adems de la etiqueta Title, dentro de esta seccin de
cabecera se suelen incluir otras etiquetas. Observar la
siguiente tabla:
Etiqueta cabecera

Funcin

Es Obligatorio?

<title>

Ttulo del documento HTML

Si

<link>

Define archivo vinculado

No

<meta>

Define metadatos como


descripcin y palabra clave

No

<script>

Delimita scripts incluidos

No

<style>

Delimita definicin de estilos

No

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

10

ETIQUETA <TITLE></TITLE>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

11

ETIQUETA <Link>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

12

ETIQUETA <Link>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

13

ETIQUETA <meta>
Los metadatos son datos (informacin) sobre los datos.
Los metadatos pueden ser utilizados por los navegadores (cmo mostrar
contenido o recarga de la pgina), los motores de bsqueda (palabras
clave), o otros servicios web.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

14

ETIQUETA <meta> - EJEMPLOS:

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

15

ETIQUETA <script>
La etiqueta <script> se utiliza para definir un script del lado del cliente, tales
como JavaScript.
Los usos ms comunes de JavaScript son la manipulacin de imgenes,
validacin de formularios, y los cambios dinmicos de contenido.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

16

ETIQUETA <Style>
La etiqueta <style> se utiliza para definir informacin de estilo para un documento
HTML.
Dentro del elemento <style> especifica cmo los elementos HTML deben representar
en un explorador.
Cada documento HTML puede contener varias etiquetas <style>.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

17

ETIQUETA <Style>
La etiqueta <style> se utiliza para definir informacin de estilo para un documento
HTML.
Dentro del elemento <style> especifica cmo los elementos HTML deben representar
en un explorador.
Cada documento HTML puede contener varias etiquetas <style>.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

18

CUERPO DEL BODY


El elemento <body> contiene todo el contenido de un
documento HTML, como texto, hipervnculos, imgenes,
tablas, listas, etc.

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

19

ATRIBUTOS DEL BODY

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

20

ETIQUETA <P> </P>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

21

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 pgina. Ejemplo:

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

22

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

23

ETIQUETA <BLOCKQUOTE>
Se emplea para indicar que el texto que encierra es una cita
textual de otro texto externo

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

24

ETIQUETA <ACRONYM>
Se emplea para marcar las siglas o acrnimos del texto y
proporcionar el significado de esas siglas

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

25

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

26