★María Reneé★

★TIPO DE ETIQUETAS HTML★

En HTML y CSS tenemos diferente tipos de etiquetas cada uno con un propósito en particular una etiqueta se puede componerse de dos maneras.

★ Estructura de etiquetas★
✶Etiquetas que solo se apertura ✶Etiquetas que tienen una apertura y un sierre
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 etiquetas común mente se utilizan para encerrar un contenido tales como texto img entre otros.

★ LISTADO DE ETIQUETAS DIRIGIDOS AL TEXTO ★

★TITULOS★

Los títulos son aquellas secciones que son relevantes para describir o inicializar un tema en HTML podemos tener tanto títulos principales como subtítulos en.

🌺PARA BODY

Titulos y subtítulos par tu pagina web, podemos escribir titulos siguiendo una gerarquia que va desde un titulo que van de h2 a h6, aunque los titulos tienen diferntes tamaños esto es solo apariecia pues se puede cambiar, su jerarquia se vasa en que tan iportante sea el titulo.

  • 🌺PARRAFOS:
  • La etiqueta dirigida para crear párrafos en HTML es la etiqueta p, recuerda que si deseas realizar varios párrafos tendrás que insertar varias de estas etiquetas.

    ➛BODY
  • <p> </p>
  • Con esta etiqueta puedes crear un párrafo, el tamaño de este dependerá de la caja padre en que se encuentre el párrafo puede ser tan largo como tan corto según su contenedor.

    🌺ETIQUETAS DIRIGIDAS A OBJETOS

    🌺Parrafos:

    Etiqueta que ocupa el apartado final de una página web esta contiene en general información contactos redes sociales información esencial del sitio.

    ✯Head

    Este permite crear un titulo que se visualizara en la pestaña del navegador, el titulo de esta pagina el el nombre del creador Maria Reneé

    ✯Body

    Con esta etiqueta puedes crear un párrafo, el tamaño de este dependerá de la caja padre en que se encuentre el párrafo puede ser tan largo como tan corto según su contenedor.

  • <p> </p>
  • ✮Nuevas etiquetas HTML✮

    Etiqueta de Abreviatura
  • <abbr></abbr>
  • Etiqueta para Enlaces
  • <a> </a>
  • Etiquta para definir un articulo
  • <article> </article>
  • Etiqueta para definir un botton
  • <button> </button>
  • Etiqueta que Define una sección en un documento
  • <div> </div>
  • Etiqueta que Define una imagen
  • <img>
  • Etiqueta que Define un ítem de una lista
  • <li> </li>
  • Etiqueta que Define una tabla
  • <table> </table>
  • Etiqueta que Define una fila en una tabla
  • <tr> </tr>
  • Etiqueta que Define una lista desordenada
  • <ul> </ul>
  • Etiqueta que Define una variable
  • <var> </var>
  • ★TIPOS DE ETIQUETAS DE CSS★

    ★Backgrounds★

    • Brackground-color: "color"
    • Brackground-image: "imagen"
    • Brackground-repeat: "repeat,repeat-x,repeat-y"
    • Brackground-position: "pos-x,pos-y"

    ★Fonts★

    • Font-family: "cursive, fantasy,inherit"...
    • Font-size: "20px,10px"....
    • Font-style: "normal,italic,oblique"

    ★Margins and paddings★

    • margin/padding: "top"
    • margin/padding: "left"
    • margin/padding: "right"
    • margin/padding: "bottom"

    ★Border★

    • Border-color: "color"
    • Border-width: "size"
    • Border-style: "style"

    ★Outlines★

    • Outline-color: "color"
    • Border-width: "style"
    • Border-style: "size"
    ★Font(aligments and spacing)★
    • letter-spacing: "size"(normal)
    • letter-height: "size"(normal)
    • letter-spacing: "size"(normal)
    • letter-size: "size"
    • letter-aling: "left, center, right, justify
    ★Dimensions★
    • max-width: "size"(none)
    • min-width: "size"(none)
    • width: "size"(auto)

    ★Tables★

    • border-collapse: "separate, collapse"
    • border-spacing: "size"
    • caption-size: "top, botton"
    • empty-cells: "show, hide"
    • table-layout: "auto, fixed"

    ★Font(varieants)★

    • Font-variant: "normal"
    • Text-decoration: "none"
    • text-transform: "none"

    ★Columns★

    • Column-width: "size"
    • Column-count: "number"(auto)