DISEÑO WEB I - HTML
HTML (HyperText Markup Language) es un lenguaje de marcación que sirve
para definir el contenido de las páginas web.
Se Compone en base a etiquetas, también llamadas marcas o tags, con las cuales
conseguimos expresar las partes de un documento, cabecera, cuerpo,
encabezados, párrafos, etc. En definitiva, el contenido de una página web.
A la hora de aprender HTML es importante observar que sirve para expresar el
contenido (el qué) y nunca la presentación (el cómo). Es decir, con HTML
podemos colocar párrafos, listas, secciones, enlaces, imágenes, todo aquello que
forma parte del contenido que va a tener una página web.
Sobre Etiquetas y Atributos:
La etiqueta es el elemento básico del código HTML. Es un bloque de contenido
que puede tener naturaleza diversa, desde un párrafo a una imagen o un vídeo,
Las etiquetas se engloban entre signos menor y mayor que y tienen un inicio y
un cierre. Dentro de estos signos mayor y menor que se coloca el nombre de la
etiqueta. Por ejemplo:
<p> Esto es un párrafo, usamos la etiqueta P </p>
Muchas etiquetas tienen atributos para ajustar su comportamiento o definir
alguna de sus propiedades. Por ejemplo,
La etiqueta <a> para crear enlaces tiene el atributo href, donde se coloca la URL
a la que va dirigido un enlace.
<a href=”[Link]
La etiqueta raíz de un documento HTML es <html> y dentro tiene dos etiquetas
principales:
<head>: con la información de cabecera de la página. Es información que
en principio no aparecerá en el cuerpo de la página, pero que sirve para
saber de qué trata la página, cómo deben interpretarla los distintos clientes
web, etc.
<body>: que es la información del cuerpo, es decir, lo que se verá en el
navegador cuando el usuario entre.
DISEÑO WEB I - HTML
Etiquetas más Importantes para HTML:
Etiquetas para agrupar contenido:
<p> </p> Etiqueta para definir un párrafo.
<hr> </hr> Usada como un separador
<br> <br/> Realiza un salto de línea.
<blockquote> </blockquote> Se usan para indicar que el contenido es texto
citado.
<ol> </ol> Define una lista nunmerada.
<ul> </ul> Define una lista no numerada.
<li> </li> Define el elemento en una lista sea ordenada o no.
<dl> </dl> Usada para crear una lista de definiciones.
<dt> </dt> Representa un término definido para usar la etiqueta <dd>
<dd> </dd> Se usa para definir los términos listados antes que él.
Etiquetas para Texto
<header> </header> Define una etiqueta de encabezado estructural.
<a> </a> Es usada para crear hiperenlaces en el documento HTML.
La etiqueta de enlace, junto al atributo href=”…”, es responsable de la función
principal de la web.
<b> </b> Para textos en Negrita.
<i> </i> o <em> </em> Para textos en cursiva
<u> </u> Para textos con Subrayado.
<h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5>, <h6> </h6>
Etiquetas para definir un título y subtítulos, que van del 1 al 6, siendo h1 el título
más importante y h6 el menos importante.
DISEÑO WEB I - HTML
Etiquetas para la creación de Tablas
<Table> </table> Define una tabla.
<caption> </caption> Indica el titulo de la tabla
<tr> </tr> Define una fila de la tabla.
<td> </td> Define una celda de tabla.
<th> </th> Define un encabezado de una celda.
Etiquetas para incrustar contenido
<img> Etiqueta para colocar una imagen en la pagina web.
Algunos Atributos
Aling <caption><hr><img><table><td><th><tr>
Especifica el alineamiento horizontal del elemento.
<
Colspan: Dentro de una tabla, define el número de columnas que una celda debe
de ocupar.