3 - Parte 1 Clase WWW Site HTML

fabianguerreromedina@gmail.
com
La WWW – El Consorcio W3C – El Lenguaje HTML
Tim Berners-Lee
Inventor de la World Wide Web

Director del W3C
2
HyperText
Generalmente, cualquier texto que contenga links a otros documentos – letras o

frases en el documento que pueden ser elegidas por un lector que produce que
sea llamado y desplegado otro documento. Las páginas web html son ejemplos
de hipertextos.
3
HyperMedia
4
¿Qué es la World Wide Web?
La World Wide Web (3W) 1989, en castellano "Tejido

Mundial", es una red de recursos de información. La Web
se basa en tres mecanismos para hacer que estos
recursos estén listos y a disposición de la mayor
audiencia posible:
1.Un esquema uniforme de nombres para localizar

recursos en la Web (p.ej., URIs).
2.Protocolos, para acceder a recursos con nombre en la
Web (p.ej., HTTP).
3.Hipertexto, para navegar fácilmente entre recursos (p.ej.,
HTML).
5
W3C (World Wide Web Consortium) 1994
Es un consorcio internacional donde las

organizaciones miembro, personal a tiempo
completo y el público en general, trabajan
conjuntamente para desarrollar estándares Web.
La misión del W3C es:
Guiar la Web hacia su máximo potencial a través del

desarrollo de protocolos y pautas que aseguren el
crecimiento futuro de la Web.
6
Web Page – Página Web
Que es?
Es un tipo de documento adaptado para la World Wide
Web (WWW), y accesible mediante un navegador de
Internet.
Una Página Web se construye mayormente con el

Lenguaje HTML.
Las Páginas Web por lo común con construidas

localmente en una PC, y pueden ser accesible en forma
local (standalone) sin necesidad de tener un HOST, es
decir un Servidor Web.
De lo anterior, siempre y cuando el lenguaje usado sea

HTML, JavaScript, CSS o AJAX.
7
Sitio Web
Un sitio web (en inglés: website) es un

conjunto de páginas web, típicamente
comunes a un dominio de Internet o
subdominio en la World Wide Web.
8
HOME PAGE
Toda página web tiene una página de inicio o

primera página, a ésta se le denomina home
page.
Home Página 3
Page
Página 2
Página 1
9
Página Estática
Son páginas que no tiene interacción (proceso) en

sí con el Servidor Web (Web Server).
Son procesadas por el Browser, es decir se
traducen u ejecutan en la PC del cliente.
También se le referencia aquella página que no
procesa una lógica del negocio o no interactúa con
una Base de Datos.
10
¿Qué es el HTML?
El lenguaje de publicación usado por la

World Wide Web es el HTML (acrónimo
de HyperText Markup Language,
Lenguaje para el Formato de
Documentos de Hipertexto).
11
Versiones del Lenguaje HTML
- 1990 Html 1.0 fue desarrollado originalmente por Tim Berners-Lee

- 1993 Html 2.0 (HTML +)
- 1995 Html 3.0
- 1997 Html 3.2
- 1998 Html 4.0
- 1999 Html 4.01
- 2010 Html 5.0
12
El Lenguaje HTML
LAS ETIQUETAS / TAGs

El principio fundamental del HTML es codificar o
programar una serie de etiquetas (tags), el visor es el
encargado de interpretar cada una de ellas. Las etiquetas
pueden funcionar solas o por parejas.
Formato de una Etiqueta:
<XXX> Este es el inicio de una etiqueta.

</XXX> Este es el cierre de una etiqueta.
Donde: XXX es la etiqueta que se desea programar.

13
El Lenguaje HTML
ESTRUCTURA DEL DOCUMENTO
Un documento Web está dividido en dos
zonas principales:
El encabezamiento, comprendido entre las

etiquetas
<HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas
<BODY> y </BODY>
14
El Lenguaje HTML
Todo ello encerrado por las etiquetas <HTML> y </HTML>
que enmarca a un documento Web.
<HTML>
<HTML>
<HEAD>
<HEAD> cabecera
</HEAD>
</HEAD>
<BODY>
<BODY>
cuerpo
</BODY>
</BODY>
</HTML>
</HTML>
15
El Lenguaje HTML
Los ficheros que contienen

documentos HTML suelen tener la
extensión .html o .htm.
16
El Lenguaje HTML 5
Estructura:
<!doctype html>
<html lang="es"> >
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
</body>
</html>
17
El Lenguaje HTML
La Etiqueta META:
La etiqueta <meta> se utiliza para añadir información

sobre la página. Esta información puede ser utilizada
por los buscadores.

<meta charset="utf-8">
<meta name="description" content="Bienvenidos
HTML 5">
<meta name="keywords" content="HTML 5, Web
Page">

18
El Lenguaje HTML
META TAGs
Los elementos META son diseñados para ser usados en
una variedad de documentos, no solo HTML.
Los META TAGs no son ninguna panacea para el diseño y

desarrollo de webs pero su uso se hace necesario,
obligado y muchas veces indispensable para el buen
indexado en las bases de datos de los buscadores y robots
que las utilizan.
Su buen diseño nos garantiza una información extra, y a

veces muy necesaria, de las paginas para su buena
indexación, localización y uso en Internet.
19
El Lenguaje HTML
Codificación de Caracteres
Permite especificar un conjunto de caracteres de

representación para el documento HTML.
ISO y UNICODE son estándares que definen un

repertorio de miles de caracteres usados por
comunidades de todo el mundo.
Con la etiqueta META se especifica una

Codificación de Caracteres.
20
El Lenguaje HTML
Formato
<META charset=utf-8">
<META charset=iso-8859-1">
21
El Lenguaje HTML
Keywords y Description
Estas dos etiquetas permiten a las maquinas
indexadoras un más fácil, rápido y eficaz trabajo.
Estas serán las palabras que se usarán para una
indexación de la página.
<META NAME="keywords"
CONTENT="palabra 1, palabra 2, …">
<META NAME="description"
CONTENT="Esta pagina 255…....">
22
El Lenguaje HTML
Formas de Representar Caracteres Especiales
Para hacer referencia a estos caracteres se

les asigna un código numérico o un nombre
de "entidad".
Las entidades comienzan por el símbolo &

(ampersand) y terminan con el símbolo ; (punto
y coma).
23
El Lenguaje HTML
Caracter Código Entidad

Espacio nbsp
© © copy
® ® reg
á á aacute
Ejemplo: La palabra página se puede escribir como :
p á gina
p á gina
p á gina
24
El Lenguaje HTML
25

3 - Parte 1 Clase WWW Site HTML

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

3 - Parte 1 Clase WWW Site HTML

Cargado por

Copyright:

Formatos disponibles

fabianguerreromedina@gmail.

Inventor de la World Wide Web

Generalmente, cualquier texto que contenga links a otros documentos – letras o

La World Wide Web (3W) 1989, en castellano "Tejido

1.Un esquema uniforme de nombres para localizar

Es un consorcio internacional donde las

Guiar la Web hacia su máximo potencial a través del

Una Página Web se construye mayormente con el

Las Páginas Web por lo común con construidas

De lo anterior, siempre y cuando el lenguaje usado sea

Un sitio web (en inglés: website) es un

Toda página web tiene una página de inicio o

Son páginas que no tiene interacción (proceso) en

El lenguaje de publicación usado por la

- 1990 Html 1.0 fue desarrollado originalmente por Tim Berners-Lee

LAS ETIQUETAS / TAGs

Formato de una Etiqueta:

<XXX> Este es el inicio de una etiqueta.

Donde: XXX es la etiqueta que se desea programar.

El encabezamiento, comprendido entre las

El cuerpo, comprendido entre las etiquetas

Los ficheros que contienen

La etiqueta <meta> se utiliza para añadir información

<meta name="description" content="Bienvenidos

<meta name="keywords" content="HTML 5, Web

Los META TAGs no son ninguna panacea para el diseño y

Su buen diseño nos garantiza una información extra, y a

Permite especificar un conjunto de caracteres de

ISO y UNICODE son estándares que definen un

Con la etiqueta META se especifica una

Formas de Representar Caracteres Especiales

Para hacer referencia a estos caracteres se

Las entidades comienzan por el símbolo &

Caracter Código Entidad

También podría gustarte