HTML conocimientos básicos de los elementos esenciales.

HTML

HTML (HyperText Markup Language) o “Lenguaje para Marcado de Hipertexto” es un lenguaje que nos permite escribir texto de forma estructurada, y está compuesto por etiquetas, que marcan el inicio < > y el fin </ >  de cada elemento del documento y le dan la información al navegador para mostrar la página.

Un documento hipertexto puede contener imágenes, sonido, vídeos, etc., por lo que el resultado es un documento multimedia.

Los documentos HTML deben tener la extensión .html o .htm, para que puedan ser visualizados en los navegadores que son los encargados de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

Comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que nos dará información sobre el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.

En resumen, la estructura básica de un documento HTML es la siguiente:

<html>

<head>

<title>Título</title>

</head>

<body>

</body>

</html>

Etiquetas básicas de HTML

  • Headings: definen el tamaño de un título o cabecera.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

  • Formato texto: permite definir el formato de visualización del texto.

<p> Se usa para iniciar un párrafo. Este es no es necesario cerrarlo
<br> Salto de línea.
<b>Texto en negrita</b>
<i>Texto en cursiva</i>
<small>Texto pequeño</small>
<big>Texto grande</big>
<strong>Texto fuerte</strong>
<sub>Texto subíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>

  • Tablas.

<table>
<tr>
<td>contenido celda 1</td>
<td>contenido celda 2</td>
</tr>
</table>

  • Listas: nos permiten ordenar o enumerar datos o elementos para facilitar su lectura

Lista por números (ordenadas)

<ol>
<li>lista 1</li>
<li>lista 2</li>
<li>lista 3</li>
</ol>

Lista por puntos (desordenadas)

<ul>
<li>lista 1</li>
<li>lista 2</li>
<li>lista 3</li>
</ul>

  • Enlaces: nos permiten conectarnos con otros documentos.

<a atributo=”valor>Texto del enlace</a>

  • Imágenes.

<img src=”/URL alt=”texto descriptivo>

Ejemplo de documento HTML

Aplicando estas simples nociones ya podemos crear un archivo HTML con un editor de texto, existen muchos, yo he usado el más simple y accesible, el Block de notas de Windows, desde aquí he realizado está sencilla página en HTML.

cAPTURA-html

Existen editores de texto en internet que te generan el código fácilmente, como Quackit, pero es importante poseer conocimientos básicos de HTML para mejorar tu blog, entre otras cosas. Prueba a usarlo!!

🙂

Anuncios

2 pensamientos en “HTML conocimientos básicos de los elementos esenciales.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s