Practica 1 Lab Programacion Web

Historia de HTML
HTML es el lenguaje con el que se define el contenido de las páginas web.

Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrán una página web, como imágenes, listas, vídeos,
etc.
El HTML se creó en un principio con objetivos divulgativos de información con texto

y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio
y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el
HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a
todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a
esta deficiente planificación, si que se han ido incorporando modificaciones con el
tiempo, estos son los estándares del HTML. Numerosos estándares se han
presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización
a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de
HTML, de la que ya se tiene un borrador casi definitivo.
El HTML es un lenguaje de marcación de elementos para la creación de

documentos hipertexto, muy fácil de aprender, lo que permite que cualquier
persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de
crear una web. HTML es fácil y pronto podremos dominar el lenguaje. Más adelante
se conseguirán los resultados profesionales gracias a nuestras capacidades para el
diseño y nuestra vena artista, así como a la incorporación de otros lenguajes para
definir el formato con el que se tienen que presentar las webs, como CSS.
Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas

más. Este lenguaje se escribe en un documento de texto, por eso necesitamos un
editor de textos para escribir una página web. Así pues, el archivo donde está
contenido el código HTML es un archivo de texto, con una peculiaridad, que tiene
extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando
programemos en HTML lo haremos con un editor de textos, lo más sencillo posible
y guardaremos nuestros trabajos con extensión .html, por ejemplo mipagina.html
Estructura de HTML
La estructura básica de una página web es la siguiente:
<html>
<head></head>
<body>
</body>
</html>
Etiquetas HTML básicas
• <body> para el contenido

• <head> para información sobre el documento
• <div> división dentro del contenido
• <a> para enlaces
• <strong> para poner el texto en negrita
• <br> para saltos de línea
• <H1>…<H6> para títulos dentro del contenido
• <img> para añadir imágenes al documento
• <ol> para listas ordenadas, <ul> para listas desordenadas, <li> para
elementos dentro de la lista
• <p> para parágrafos
• <span> para estilos de una parte del texto
<body> </body>
Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta
esencial para cualquier documento ya que indica donde empieza el contenido
visible del documento.
<head></head>
La parte superior del documento HTML, es donde podremos indicar los metadatos:
título del documento, hojas de estilos, javaScript, CSS…
<div> </div>
Un elemento que es usado mayoritariamente para agrupar otros elementos y
actuar como plantilla de otros controles. La etiqueta <div> nos ayuda a estructurar
el documento en secciones.
<a> </a>
Es una etiqueta que nos ayuda a poder crear un enlace a una página web. El
atributo principal de la etiqueta HTML es href, donde pondremos el enlace al que
queremos conectar. Otro atributo muy usado es target, el cual nos sirve para
indicar si el enlace se abrirá en una nueva ventana o en la misma.
<strong> </strong>
Si tienes mucho texto, es importante poder dar énfasis a una parte en concreto,
con la etiqueta strong lo podemos hacer.
<br>
Con esta etiqueta HTML le podemos decir al navegador que viene un salto de
línea. Nos sirve para hacer el texto más leíble.
<H1> </H1> …. <H6> </H6>
Hay diferentes niveles de títulos, del 1 al 6. Las etiquetas <H + número> nos
permiten indicar la importancia del título y para estructurar el contenido, de esta
forma ayudamos a los bots a entender la importancia del contenido.
<IMG> </IMG>
Usamos la etiqueta IMG para mostrar imágenes dentro del contenido. Necesita el
atributa src para funcionar, ya que será donde indicaremos desde donde tiene que
mostrar la imagen.
<OL> <li></li> <OL> | <UL> <li></li> <UL>
Las etiquetas OL y LI nos sirven para crear listas, OL para listas ordenadas y UL
para listas sin orden, dentro de las listas, los elementos se identifican con la
etiqueta LI.
<P> </P>
Etiqueta que nos sirve para agrupar texto dentro de un parágrafo. El propósito es
poder hacer el contenido más fácil de leer y organizado.
<SPAN> </SPAN>
Con la etiqueta podemos personalizar el estilo de solamente una parte del texto.
Bibliografías:
https://www.hazunaweb.com/curso-de-html/estructura-basica-una-pagina-web/
https://desarrolloweb.com/articulos/que-es-html.html
https://www.iebschool.com/blog/que-es-etiqueta-html-analitica-usabilidad/

Practica 1 Lab Programacion Web

Cargado por

Copyright:

Formatos disponibles

Practica 1 Lab Programacion Web

Cargado por

Información del documento

Descripción original:

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

Practica 1 Lab Programacion Web

Cargado por

Copyright:

Formatos disponibles

Historia de HTML

HTML es el lenguaje con el que se define el contenido de las páginas web.

El HTML se creó en un principio con objetivos divulgativos de información con texto

El HTML es un lenguaje de marcación de elementos para la creación de

Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas

Etiquetas HTML básicas

• <body> para el contenido

<OL> <li></li> <OL> | <UL> <li></li> <UL>

También podría gustarte