Está en la página 1de 28

HTML

INFORMÁTICA
SOCIEDAD Y
ORGANIZACIÓN

PROFESORA: SANDRA BEZ DE JIMÉNEZ


HTML

Es el lenguaje con el que se


escriben las páginas web.
HTML
Es un lenguaje de hipertexto,
es decir, un lenguaje que
permite escribir texto
de forma estructurada

y que está compuesto


por etiquetas, que marcan
el inicio y el fin de cada
elemento del documento
HTML
Los
Losdocumentos
documentosHTMLHTMLdeben
deben
tener
tenerlalaextensión
extensiónhtml
htmloohtm,
htm,
para
paraque
quepuedan
puedanser
servisualizados
visualizados
en
enlos
losnavegadores
navegadores(programas
(programas
que
quepermiten
permitenvisualizar
visualizarlas
las
páginas
páginasweb).
web).
HTML
estándar HTML 2.0. para la creación de
páginas web. Se creó con objetivos
Noviembre de
divulgativos, orientado a la actividad
1995
académica, en el que el contenido de las
páginas era más importante que el diseño.
estándar HTML 3.2. Este nuevo estándar
incluía las mejoras proporcionadas por los
Enero de 1997 navegadores Internet Explorer y Netscape
Navigator, que ya habían realizado
estensiones sobre el estándar HTML 2.0.
HTML

estándar HTML 4.0, creado para


diciembre de
estandarizar los marcos (frames), las hojas
1997
de estilo y los scripts..
septiembre de
estándar HTML 4.01.
2001
HTML
Para asignar un título a una página

Es necesario texto deseado entre


las etiquetas
<title> y </title>.
<html>
<head>
<title>
Curso de HTML
</title>
</head>
...
</html>
HTML
HTML
Para crear páginas web

Se escribe
directamente el código HTML

utilizando
Wordpad o el Block
de notas que proporciona
Windows.
HTML
Etiquetas

Las etiquetas o marcas delimitan


cada uno de los elementos que componen
un documento HTML.
Existen dos tipos de etiquetas,
la de comienzo de elemento
y la de fin o cierre de elemento
HTML
Su sintaxis es:
<identificador atributo1 atributo2 ...>

Los atributos de la etiqueta de comienzo


siguen una sintaxis predefinida y pueden tomar
cualquier valor propio del usuario,
o valores HTML predefinidos.
HTML
La etiqueta de final está
delimitada por los caracteres </ y >.

Está compuesta por el identificador


o nombre de la etiqueta,
y no contiene atributos..

Su sintaxis es:
</identificador>
HTML

Este título ha sido establecido por


El texto Hola, estoy la línea <title>MI PRIMERA
haciendo pruebas. se ha PAGINA</title>.
insertado a través de línea
<font color="#CC3300"
size="5">Hola, estoy
haciendo pruebas.</font>.

El color de fondo de la página ha sido establecido por la línea


<body bgcolor="#FFCC99">.
HTML
Estructura de una página

La estructura básica de una página es:


<html>
<head>
...
</head>
<body>
...
</body>
</html>
HTML
Todas las páginas web escritas en HTML

tienen que tener la extensión html o htm

tienen que tener las etiquetas <html> y </html>.


HTML
Entre las etiquetas <html> y </html>
estará comprendido el resto
del código HTML de la página.

<html>
...
</html>
HTML
La etiqueta de comienzo está delimitada
por los caracteres < y >

Está compuesta por el identificador


o nombre de la etiqueta,
y puede contener una serie
de atributos opcionales que
permiten añadir ciertas propiedades.
HTML
para
La cabecera de la página se utiliza

agrupar información sobre ella

Está formada por las etiquetas <head> y </head>


HTML
La etiqueta <head>
va justo debajo

de la etiqueta <html>.

<html>
<head>
...
</head>
...
</html>
HTML
Mi primera página

Lo primero que tienes que hacer


es abrir el Bloc de notas.
Seguidamente introduce,
en el documento en blanco, el texto siguiente:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
<body bgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
HTML
Para asignar un título a una página

Es necesario texto deseado entre


las etiquetas
<title> y </title>.
<html>
<head>
<title>
Curso de HTML
</title>
</head>
...
</html>
HTML
Todos estos elementos

Tienen que entre las etiquetas


encontrarse
<body> y </body>,
<html> que van justo
<head>
<title> debajo de la cabecera.
Curso de HTML
</title>
</head>
<body>
...
</body>
</html>
HTML
través de la etiqueta <body>
Es posible establecer

color o la imagen de
fondo de la página

El color de fondo puede establecerse

A través del atributo bgcolor


HTML
Por ejemplo

... ...
<body bgcolor="#0000FF"> <body bgcolor="blue">
... ...
</body> </body>
</html> </html>
HTML
puede establecerse a
La imagen de fondo

través del atributo background

indicando la ruta en la que se encuentra la imagen.


HTML
Por ejemplo

... ...
<body background="fondo.gif"> <body background="imagenes/fondo.gif">
... ...
</body> </body>
</html> </html>
 

Imagen dentro del mismo directorio imagen que no se encuentre en el


mismo directorio, indicar ruta
HTML
también es posible
A través de la etiqueta <body>

a través establecer el color del texto de la página

...
<body
text="#FF0000">
del atributo text. ...
</body>
</html>
HTML

FIN

También podría gustarte