Glosario

a- Hyperlink

Se usa para introducir un hyperlink, se indica en el atributo de “href”

Visualizar ejemplo

p- Párrafos

Define un párrafo, por cada tag p, se agrega una línea en blanco antes y después del bloque.

Aquí hay un ejemplo de un párrafo.

h1 a h6

Se refieren a los headers, el más importante es el 1.

Ejemplo 1 (h1)

Ejemplo 2 (h3)

Ejemplo 6 (h6)

div

Define una sección o división dentro del documento y puede contener varios elementos.

Una división dentro de un fieldset con un fieldset

span

Define un contendor dentro de la misma línea

Ejemplo 1 Esto es un span de color azul, de menor tamaño

Ejemplo 2 Esto es un span en itálicas del mismo tamaño que h3

strong

Sirve para denotar importancia en un texto

Ejemplo: uso de etiqueta strong fin de uso de la etiqueta.

i- Itálicas

Se usa en un estilo de texto tipo cursivo

Ejemplo para el texto en cursiva

u- Subrayado

Se usa para subrayar parte del texto.

Ejemplo palabra subrayada, fin del ejemplo.

b- Negritas

Se usa para poner el texto en negritas o bold.

Ejemplo palabra en negritas palabra no en negritas

strike- Texto tachado

Se usa para poner el texto escrito con estilo tachado

Ejemplo esto es un texto tachado fin del texto tachado

small- texto más pequeño

Hace el texto más pequeño que el predeterminado.

Texto en tamaño normal, texto en tamaño small.

em

Muestra partes importantes en un texto.

Ejemplo, Esto es una parte importante del texto.

header

Representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes.

Ejemplo de header

section

Define un contenido determinado con sus correspondientes etiquetas.

Sección 1

aquí se define una sección.

Sección 2

aquí se define una sección diferente.

article

Contenedor el cual engloba que se consideran independientes del sitio web.

Encabezado

La historia de Google

Google fue fundado en 1998...

Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit natus alias, expedita, ducimus dolores deleniti minus provident ipsa ut obcaecati voluptatem sunt maxime quae eveniet officiis. Quae porro facere iure.

aside

Representa una sección de una página que consiste en contenido que está indirectamente relacionado con el contenido principal del documento.

footer

Sección de contenido que se encuentra en la parte inferior de una página web, puede ser política de privacidad, logotipo, etc.

nav- navigation

Muy comunmente usado en "menus de navegación", define un set de links de navegación.

img- imagen

Se usa para insertar una imagen en el documento.

HTML_1

br- Salto de línea o line break

Se usa para poder dar un salto de línea sin cambiar de párrafo.

"Cuando despertó, el dinosaurio todavía estaba allí"
-Augusto Monterroso 1959

hr- Cambio de párrafo

Sirve para cambiar de tema entre párrafos y se reprensenta con una línea horizontal.

HTML

HTML se refiere a Hypertext markup language.

HTML y su relación con CSS

CSS se usa para el diseño estético de html.

form- formulario

Se usa para crear un formulario que el usuario puede llenar.





table- tabla

Crea una tabla en el documento.
Una fila se define con la etiqueta "tr".
Se define una nueva celda con "th".
"tbody" agrupa todo en una tabla.

Alumnos
Matrícula Nombre Carrera
A0xxxxxxx Nombre ITC

ul- Lista no ordenada

Define una lista no ordenada.
la etiqueta "li" sirve para definir items en una lista.

ol- Lista ordenada

Define una lista ordenada.

  1. Alumno 1
  2. Alumno 2
  3. Alumno 3