Marilis Escobar

LISTA DE ETIQUETAS DIRIGIDAS AL TEXTO

TITULOS

Hay hasta 6 etiquetas en HTML para definir títulos o secciones. Todas ellas llevan por defecto el texto en negrita, y son:
<h1> <h2> <h3> <h4> <h5> <6>.

Es posible crear titulos para head y para body

HEAD

<title></title>Permite darle un título a una página web. Este título se puede encontrar en la barra de título del navegador, así como en las páginas de resultados de los buscadores

BODY

<h1></h1> etiqueta que se utiliza para colocar el título pricipal de nivel 1
<h2></h2> etiqueta que se utiliza para colocar títulos de nivel 2
<h3></h3> etiqueta que se utiliza para colocar títulos de nivel 3
<h4></h4> etiqueta que se utiliza para colocar títulos de nivel 4
<h5></h5> etiqueta que se utiliza para colocar títulos de nivel 5
<h6></h6> etiqueta que se utiliza para colocar títulos de nivel 6

PARRAFOS

Para los párrafos HTML proporciona las etiquetas. <p></p> Cada párrafo de la página se debe encerrar entre este par de etiquetas y entre cada párrafo se mostrará un espaciado.

<p></p>La etiqueta p (párrafo) es el apropiado para distribuir el texto en párrafos.
<br> Se utiliza para crear espacio entre parrafos

HIPERENLACES

es un elemento de un documento electrónico que hace referencia a otro recurso, como por ejemplo un punto específico de un documento o de otro documento.

<a></a> Representa un hiperenlace, a este le podemos agregar un nombre. Tenemos que utilizar el atributo href.(href="")

TABLAS

se utiliza el atributo colspan para unir casillas. Se utiliza el atributo rowspan para unir columnas.

<table></table> La etiqueta table define una tabla. Una tabla va a poder tener diferentes filas y dentro de cada fila vamos a poder definir diferentes celdas.
<tr></tr> Se utiliza para indecar las filas
<td></td> Se utiliza para indecar las celdas

LISTADOS

<ul></ul> etiqueta que se utiliza para crear las viñetas
<ol></ol> etiqueta que se utiliza para crear un listado ordenado
<li></li> etiqueta que se utiliza para crear un listado no ordenado

LISTA DE ETIQUETAS DIRIGIDAS A OBJETOS

ESTRUCURAS

Las etiquetas de estructura son de tipo objeto ya que pueden ser redimensionadas tanto en ancho y en alto estas etiquetas también son conocidas como cajas.

<html></html> El texto en una página web está «marcado» con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto.

<header></header> Se utiliza para crear un encabezado

<nav></nav>representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos.

<div></div>Sirve para crear secciones o agrupar contenidos.

<section><section>representa una sección genérica de un documento. Sirve para determinar qué contenido corresponde a qué parte de un esquema.

<footer></footer> representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección

IMAGENES

<img></img> Se utiliza para colocar una imagen acompañado del atributo src que indica la dirección de la imagen.

PROPIEDADES CSS

COMO CONECTAR UN CSS CON EL HTML

Para enlazar una hoja de estilo utilizamos la etiqueta <link> se coloca en la cabecera HEAD del documento. Se coloca el argumento rel="stylesheet" seguido del argumento href="css/css.css (carpeta donde se encuentra el documento/css.css) para una hoja de estilo en cascada. Esta etiqueta solo se apertura.

PROPIEDADES CSS DIRGIDAS AL TEXTO
TEXTO
PROPIEDAD	DESCRIPCIÓN	VALORES
Text-aling	Alineamiento del texto	left - right - center - justify
Text-decoration	Indica el tipo de subrayado (decoración)	none - underline - overline - line-through
Text-indent	Desplazamiento de la primera línea del texto	longitud - porcentaje
Letter-spacing	Espacio entre caracteres	normal - longitud
word-spacing	Espacio entre palabras	normal - longitud
FUENTES
Font-family	Familias de fuentes	nombre-familia - nombre-familia-genérica
Font-style	Estilo de la fuente	normal - italic - oblique
Font-size	Tamaño de la fuente	xx-small - x-small - small - medium - large - x-large - xx-large - larger - smaller - longitud - porcentaje
Font-variant	Convierte a mayúsculas manteniendo un tamaño inferior	normal \| small-caps
Font-weight	Anchura de los caracteres. Normal = 400, Negrita = 700	normal - bold - bolder - lighter - 100 - 200 - 300 - 400 - 500 - 600 - 700 - 800 - 900
COLORES Y FONDOS
background-size	Tamaño de la imagen de fondo
background-position	Posición de la imagen de fondo	percentage - length - left - center - right
background-attachment	Desplazamiento de la imagen de fondo	scroll - fixed
background-repeat	Repetición de la imagen de fondo	repeat - repeat-x - repeat-y - no-repeat
background-image	Imagen de fondo	url(…) - none
background-color	Color de fondo	Nombre:white - HEX:#FFFFFF - RGB:255,255,255
color	Color del texto	Nombre:black - HEX:#000000 - RGB:0,0,0
TABLAS
border-collapse	Selección del modelo de los bordes	collapse - separate
empty-cells	Visibilidad de los bordes de celdas sin contenido	show - hide
border-spacing	Espaciado entre los bordes de celdas adyacentes	longitud
table-layout	Formato de las celdas, filas y columnas	auto - fixed
caption-side	Posición del título respecto la tabla	top - bottom
PROPIEDADES CSS DIRGIDAS A OBJETOS
Margin
margin-top	Tamaño del margen superior	longitud - porcentaje - auto
margin-bottom	Tamaño del margen inferior	longitud - porcentaje - auto
margin	Tamaño del margen	longitud \| porcentaje (1...4)
margin-right	Tamaño del margen derecho	longitud - porcentaje - auto
margin-left	Tamaño del margen izquierdo	longitud - porcentaje - auto
PADING
padding-top	Tamaño del relleno superior	longitud - porcentaje
padding-right	Tamaño del relleno derecho	longitud - porcentaje
padding-bottom	Tamaño del relleno inferior	longitud - porcentaje
padding-left	Tamaño del relleno izquierdo	longitud - porcentaje
padding	Tamaño del relleno	longitud \| porcentaje (1...4)

ESTRUCTURA DE ETIQUETAS
Etiquetas que solo aperturan	Etiquetas que tinen apertura y cierre
Este tipo de etiqueta común mente se utilizan para indicar una dirección u origen. Se componen por argumento u opciones tales como src href.	Este tipo de etiqueta comunmente se utilizan para indicar una dirección u origen. Se componen por argumento u opciones tales como src href.

TIPOS DE ETIQUETAS