Please enable JavaScript.

Coggle requires JavaScript to display documents.

HTML - Coggle Diagram

- - - - Otras paginas web
      - Lugares de la misma página
      - Archivos
        
        Vista
        
        Descarga
- - - - Estructura de las Etiquetas
        
        Las etiquetas normalmente tienen dos elementos
        
        Apertura
        
        <etiqueta>
        
        Cierre
        
        </etiqueta>
        
        Excepciones
        
        No todas las etiquetas tienen etiqueta de cierre
      - ¿Como se identifica una Etiqueta?
        
        Suelen estar escritas entre "<" y ">"
  - - - atributo="nombre"
- - - - Se convierte en un Estándar Mundial
      - Se creo el consorcio W3C
    - - Liberación del Estándar HTML5
    - - Se publica la última versión HTML 5.2
- - - - Establece configuraciones de la página
      - <meta>
      - <title></title
        
        Define el título de la página.
      - <link>
        
        Permite vincular diversos archivos como:
        
        JS
        
        CSS
        
        img
        
        este normalmente como icono de la página
    - - Definiciones
        
        Área de trabajo de la página
        
        Área donde se trabaja el contenido de la página web
      - <div></div>
        
        Contenedor
        
        Etiqueta de bloque
        
        Crea saltos de línea
      - <span></span>
        
        Se pueden colocar elementos continuos
      - <p></p>
        
        Etiqueta de párrafo
      - Etiquetas de contenido Multimedia
        
        <img>
        
        <audio></audio>
        
        <video></video>
      - <a></a>
        
        Enlaces entre
        
        Identificadores
        
        Páginas
        
        Archivos
      - Modificación de Texto
        
        Negritas
        
        <b></b>
        
        Resaltar
        
        <strong></strong>
        
        Enfatizar
        
        <em></em<
        
        Itálica (cursiva)
        
        <i></i>
        
        Marcado
        
        <mark></mark
        
        Pequeño
        
        <small></small>
        
        Tachado
        
        <del></del>
        
        Resaltar como nuevo
        
        <ins></ins>
        
        Subíndice
        
        <sub></sub
        
        Superíndice
        
        <sup></sup>
      - Títulos
        
        Aquí podemos manejar 6 niveles de títulos, en los cuales mientras más grande el numero más pequeño es el tamaño de la letra
        
        Etiquetas
        
        <h2></h2>
        
        <h3></h3>
        
        <h4></h4>
        
        <h5></h5>
        
        <h6></h6>
        
        <h1></h1>
      - Listas
        
        Listas Ordenadas
        
        <ol></ol>
        
        Listas No Ordenadas
        
        <ul></ul<
        
        Listas de definicion
        
        Estructura
        
        Definition List
        
        <dl></dl>
        
        Definition Title
        
        <dt></dt>
        
        Definition Description
        
        <dd></dd>
        
        A diferencia de las anteriores listas que ponen 2 etiquetas para sus elementos esta posee más
        
        Especificacion
        
        Dentro de cada una de las etiquetas de listas siempre tendremos una etiqueta <li></li> las cuales son nuestros List Item
        
        También, trabajar con listas no solo nos permite crear listas simples, sino que también podemos tener listas anidadas
      - Cita
        
        <blockquote></blockquote>
        
        <q></q>
        
        <cite></cite>
      - Abreviatura
        
        <abbr></abbr>
      - Dirección
        
        <address></address>
      - Tablas
        
        Estructura
        
        <table></table>
        
        <thead></thead>
        
        <tr></tr>
        
        <th></th>
        
        <tbody></tbody>
        
        <tr></tr>
        
        <td></td>
        
        <tfoot></tfoot>
        
        <tr></tr>
        
        <th><th>
        
        <td></td>
        
        Nota
        
        Como pueden visualizar el tfoot tiene 2 opciones después de la fila, esto es por que dependerá el diseño si lo quieres como con negritas (th), solamente un texto sin efecto (td) o con ambas