Programacion Web . Ingenieria en sistemas

HTML
Body
Head
Title
Href
Center
H
Br
Img
HTML>Historia de HTML>Etiqueta>Funcion

Bienvenidos

A Continuacion vamos a explicarte los codigos de las etiquetas en HTML

Etiqueta HTML

El codigo seria el siguiente:

Etiqueta HTML

La etiqueta HTML hace referencia a que el documento es de tipo html haciendo que se empiece de la manera html y cerrandose /html dentro de esta etiqueta pueden ir etiquetas dentro como body, title, head, etc para que podamos empezar la estructura de la manera que se vaya a estructurar nuestro programa que realizaremos. Esta etiqueta es al principio de las otras etiquetas a agregar para que se le puedas dar forma de que nuestro documento va en html y que es una pagina de internet.
Estructura:
html
contenido
/html

Etiqueta BODY

El codigo seria el siguiente:

Etiqueta BODY

La etiqueta BODY funciona como el cuerpo del documento, esta etiqueta va despues de una etiqueta html, dentro de la etiqueta BODY debemos de meter otras etiqueas como lo son: title, head, h, img src, br, etc. esto se debe de considerar como esqueleto del programa que es el que se va a conformar de muchas otras etiquetas para que se estructure de manera correcta el documento y no sea desorganizado.
Estructura:
html
body
contenido
/body
/html

Etiqueta HEAD

El codigo seria el siguiente:

Etiqueta HEAD

La etiqueta HEAD crea un encabezado en la pestaña del navegador, de esta forma podemos conocer que nombre se le da al documento y de que va a hablar, conocemos a la etiqueta HEAD ya que se coloca despues de la etiqueta de html, de esta manera haremos mas formal la pagina y el documento html.
Estructura:
html
head Pagina web /head
/html

Etiqueta TITLE

El codigo seria el siguiente:

Etiqueta TITLE

La etiqueta title da un nombre al documento, este no da nombre a la pestaña del navegador solo a lo que se va a leer es importante conocer la diferencia entre la etiqueta head y la etiqueta title. Dentro de esta etiqueta podemos meter otras etiquetas como son h para darle un tamaño a la letra que se quiere visualizar en el documento, otra etiqueta puede ser el color que tenemos que usar ej. color="red", y size que dara el tamaño que se le de dentro de la etiqueta ej. size="6". Es necesario saber que si vamos a ocupar la etiqueta h no podemos ocupar la etiquta size y viceversa.
Estructura:
html
body
head Pagina web/head
title Historia de HTML /title
/body
/html

Etiqueta HREF

El codigo seria el siguiente:

Etiqueta HREF

La etiqueta HREF hace referencia a algun otro documento en html y que al mismo tiempo cuando se ejersca una accion sobre esta podremos nos mandara al otro documento. Esta etiqueta podemos ponerle texto y lo que hara es ponerla en color azul y subrayado para de esta manera hacer que se de click en el texto que esta subrayado.
Estructura:
html
body
head
title Pagina /title /head
"a href="Documento.html" Documento 1 /href" /body
/html

Etiqueta CENTER

El codigo seria el siguiente:

Etiqueta CENTER

La etiqueta center permite poner el texto que deseemos en el centro del documento o del cuadro haciendo que se vea con mejor presentacion. Lo podemos usar con cualquier otra etiqueta, por ejemplo con title, h o p para que el texto quede en el centro.
Estructura:
html
body
head
center title Pagina 1 /title /center
/head
/body
/html

Etiqueta H

El codigo seria el siguiente:

Etiqueta H

La etiqueta H nos permite dar un formato especial a cualquier texto solo tenemos que encerrar el texto que querramos puede ser H1, H2, H3, H4, H5, de esta manera le daremos un tamañ y un estilo diferente a las letras que se encuentren dentro.
Estructura:
html
body
head
title h2 Pagina web /h2 /title
/head
/body
/html

Etiqueta BR

El codigo seria el siguiente:

Etiqueta BR

La etiqueta br nos da el espacio de un parrafo a otro como si fuera un enter en una computadora, sabemos que el documeto hmtl no respeta los espacios de parrafo entre parrafo con tan solo darle un enter en el documento por eso esta etiqueta esta diseñada para poder dar el salto de linea y asi poder seguir escribiendo.
Estructura:
html
body
head
title Pagina web /title
/head
Texto... br
/body
/html

Etiqueta IMG

El codigo seria el siguiente:

Etiqueta IMG
Esta etiqueta nos deja crear una referencia hacia la imagen que queremos que se vea en el documento, tenemos que guardar la imagen en una localizacion que debemos de conocer y ponerla dentro de nuestro img.
ej. "img src="Documentos/imagenes/imagen1.jpg". de esta manera estamos creando la direccion donde se encuentra la imagen y asi podremos visualizarla en el documento. Podemos agregar weidht y height que es lo que le da altura y ancho a nuestra imagen ya sea para que se vea mas grande o mas pequeña ej. weidht="300" height="400", se toma en forma de pixeles que son los que va a ocupar nuestra imagen.
Estructura:
html
body
head
title Pagina web /title
/head
img src="imagen1.jpg" weidth="300" height="400"
/body
/html