Qué es HTML


PorUgaoProject

Qué es HTML

¿Qué es HTML?, ¿Para que se usa?, ¿Como se usa? Hoy vamos a intentar explicar a toda la gente que le suene HTML de oírselo a otros pero realmente no sabe lo que es.


HyperText Markup Language


Qué es Hypertext

El concepto de hypertext consiste en que haya determinadas zonas (Textos, imagenes, botones…) de un documento enlazadas con otros documentos y que si se hace clic sobre ellas poder navegar o moverse entre diferentes documentos.

Para que se usa

Lo primero, HTML no es un lenguaje de programación. Una vez sabido esto HTML se usa para crear los contenidos de una pagina web, es decir si quiero crear un parrafo, una lista, introducir una imagen, crear los elementos que componen un formulario, estructurar la web con columnas etc. Se hará con HTML

Como se usa

HTML se basa en etiquetas, de las cuales tiene 2 tipo principales: etiquetas con apertura y cierre que afectan a lo que haya entre ellas (las mas comunes), y etiquetas que ellas mismas son un elemento en si.

Ambos tipos pueden tener atributos, en unas ocasiones necesarios en otras opcionales.


  • Tipo 1 – Con Apertura y cierre

    Aqui vemos etiquetas sin atributo como h3 que crea un encabezado de nivel 3, y otras con atributo, que en este caso es opcional y lo ponemos para ver el ejemplo.

    <h3 > Titulo </h3>

    <p style=»color:red;»> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer justo erat, pretium vel purus sit amet, molestie pellentesque ipsum. Nunc quis varius leo, vel molestie magna. </p>

    Titulo

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer justo erat, pretium vel purus sit amet, molestie pellentesque ipsum. Nunc quis varius leo, vel molestie magna.


  • Tipo 2 – Etiquetas que en si mismas son un elemento

  • <hr > o <hr /> indiferentemente.

    <img src=»ruta/imagen.jpg» alt=»descripcion alternativa»>

    La linea de debajo es un hr


    Logotipo de Html

Estructura principal del documento

<!doctype html>
<html>
<head>
<meta charset=»utf-8″>
<title>Documento sin título</title>
</head>
<body>
</body>
</html>

Esta es la estructura base de un documento HTML para comenzar a trabajar sobre el, las 2 partes mas diferenciadas son el head y el body. En el Head se pone información visible para los navegadores y buscadores, y en el body toda la informacion que el usuario va a ver por pantalla cuando visite la pagina web.

Sobre el autor

UgaoProject administrator

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies