Sesion 02 - HTML y Etiquetas

<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.
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.
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.
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.
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>
06
ELEMENTOS DEL HTML
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>
08

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
09

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
10
ETIQUETA <TITLE></TITLE>
11
ETIQUETA <Link>
12
ETIQUETA <Link>
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.
14
ETIQUETA <meta> - EJEMPLOS:
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.
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>.
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>.
18
CUERPO DEL BODY

El elemento <body> contiene todo el contenido de un
documento HTML, como texto, hipervnculos, imgenes,
tablas, listas, etc.
19
ATRIBUTOS DEL BODY
20
ETIQUETA <P> </P>
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:
22
23
ETIQUETA <BLOCKQUOTE>
Se emplea para indicar que el texto que encierra es una cita
textual de otro texto externo
24
ETIQUETA <ACRONYM>
Se emplea para marcar las siglas o acrnimos del texto y
proporcionar el significado de esas siglas
25
26

Sesion 02 - HTML y Etiquetas

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Sesion 02 - HTML y Etiquetas

Încărcat de

Drepturi de autor:

Formate disponibile

<html>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

QU ES HTML Y QUE SIGNIFICA?

SOTELO NUEZ, Jhon Christian

CULES SON LAS VERSIONES DEL HTML?

SOTELO NUEZ, Jhon Christian

CULES SON LAS VERSIONES DEL HTML?

SOTELO NUEZ, Jhon Christian

EVOLUCION DEL HTML

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

ESTRUCTURA BSICA DEL UNA PGINA HTML

SOTELO NUEZ, Jhon Christian

ELEMENTOS DEL HTML

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

CABECERA DEL DOCUMENTO HEAD

El ttulo de la pgina debe describir su

SOTELO NUEZ, Jhon Christian

CABECERA DEL DOCUMENTO HEAD

Ttulo del documento HTML

Define ruta de acceso

Define archivo vinculado

Define metadatos como

Delimita scripts incluidos

Delimita definicin de estilos

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

CABECERA DEL DOCUMENTO HEAD

Ttulo del documento HTML

Define archivo vinculado

Define metadatos como

Delimita scripts incluidos

Delimita definicin de estilos

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

ETIQUETA <meta> - EJEMPLOS:

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

CUERPO DEL BODY

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

ATRIBUTOS DEL BODY

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

ETIQUETA <P> </P>

Prof. Computacin e Informtica

SOTELO NUEZ, Jhon Christian

ETIQUETA <EM> <STRONG>