Está en la página 1de 18

PAGINA WEB

Nombre: Andrea Diaz Martínez


Estructura básica de un programa HTML:

<html>
<head>
<title>Titulo Pagina</title>
</head> <body>
……Contenido de la pagina web
</body>

</html>

Martes, 2 de febrero de 20XX Muestra de texto de pie de página 2


Web • La Web es el nombre común de la World Wide Web,
un subconjunto de Internet que consta de las
páginas a las que se puede acceder mediante un
navegador web.

Martes, 2 de febrero de 20XX Ejemplo de texto al pie de página 3


Etiqueta <html>
Inicialmente la etiqueta significa la apertura
de código para elaborar una página web.

Las siglas HTML quieren decir HyperText


Markup Language lo cual
significa “lenguajes de marcas de
hipertexto”.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 4


Etiqueta <head>
La HEAD es la primera de las dos partes en
que se estructura un documento HTML.

En la HEAD reside información acerca del


documento, y generalmente no se ve
cuando se navega por él. En la HEAD se
pone el elemento lleno que es una breve
descripción que identifica la página.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 5


Etiqueta <title>
La etiqueta define el título del documento. El
título debe ser de solo texto y se muestra en la
barra de título del navegador o en La pestaña
de la página.<title>
La etiqueta es necesaria en HTML.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 6


Etiqueta <body>
La etiqueta define el cuerpo del documento.
El elemento contiene todo el contenido de un
documento HTML, como encabezados,
párrafos, imágenes, hipervínculos, tablas,
listas, etc.
Nota: Sólo puede haber un elemento en un
documento HTML.<body>

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 7


Títulos Y Párrafos
El código HTML tiene varias etiquetas para diferenciar el contenido de texto en
secciones (o títulos) y párrafos.
Tal vez la etiqueta más utilizada en la composición de páginas sea la etiqueta que
define los párrafos. Esta es la etiqueta:
<p>Texto_del_parrafo </p>

Hay hasta 6 etiquetas en HTML para definir títulos o secciones. Todas ellas llevan
por defecto el texto en negrita, y son:
<h1>,<h2>,<h3>,<h4>……

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 8


A continuación, un ejemplo con todos los
títulos y descripciones juntas.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 9


Etiqueta <img>
Para incluir una imagen en una página HTML
debemos guardarla previamente en la carpeta
raíz de nuestra Web (o en alguna de sus
carpetas secundarias), o bien tener localizada
la URL o dirección de la imagen en otra página
Web.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 10


Hipervinculos
Los enlaces permiten conectar entre sí las
páginas de un sitio web, así como con otros
sitios Web. Éstos permiten que el navegante
pueda saltar de una página a otra y de un sitio
a otro rápidamente, con sólo hacer un clic.
Para crear enlaces se utiliza la etiqueta  ..., la
cual lleva en la mayoría de los casos el
atributo href="..." en el cual introduciremos el
destino del enlace. La sintaxis general de un
enlace será, por lo tanto: <a>texto_del_enlace
</a> Ejemplo vinculos

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 11


Color en títulos
Querrás cambiar el color de la fuente
porque hacerlo puede ayudar a
mejorar la legibilidad y accesibilidad
de tu sitio web. Por ejemplo, si tu sitio
utiliza una combinación de colores
más oscura, dejar el color de la fuente
en negro dificultaría la lectura del
texto en tu sitio web.

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 12


Ejemplo final página web código html

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 13


Ejemplo final página web código html

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 14


Ejemplo final página web

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 15


Ejemplo final página web

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 16


Ejemplo final página web

Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 17


Martes, 2 de febrero de 20XX Ejemplo de Texto al pie de página 18

También podría gustarte