Conceptos Basicos de HTML

Descripción

Mapa Mental sobre Conceptos Basicos de HTML, creado por luisa varela el 20/03/2020.
luisa varela
Mapa Mental por luisa varela, actualizado hace más de 1 año
luisa varela
Creado por luisa varela hace alrededor de 4 años
104
0

Resumen del Recurso

Conceptos Basicos de HTML
  1. Se trata de un lenguaje de programacion que se utiliza para el desarrollo de paginas web.
    1. HTML corresponde a HIPERTEXT MARKUP LENGUAGE (Lenguaje de marcas hipertextos)
      1. Permite estructurar el texto de los documentos y se basa en etiquetas que determinan como debe mostrarse el texto
    2. PARTES DE LA PAGINA WEB
      1. Toda pagina WEB se divide en dos partes: CABECERA Y CUERPO
        1. CABECERA:(no visible) de la pagina web.Todo lo que se indique no aparecera en la pagina como tal , pero sin embargo es una parte muy importante,se incluyen las etiquetas META que se usan para describir la pagina
          1. el cuerpo: Se introducen todas las etiquetas que nos permiten dar formato al documento
      2. LOS TITULOS
        1. Sirve para resaltar cualquier texto o apartados que forman el documento
          1. Existen 6 tipos de titulos que van de la etiqueta mas grande (1) a la mas pequeña (6)
            1. Esto tambien es muy importante para el posicionamiento en buscadores, ya que les esta indicando que lo que esta entre las etiquetas es importante y carateristico para la web
        2. LOS PARRAFOS
          1. Los parrafos se delimitan con las etiquetas <P>...</P>
            1. Un parrafo es un bloque de texto que se muestra separado del resto por un salto de linea.SI dentro del parrafo queremos hacer un salto pero que se siga considerando un unico parrafo (dar un intro en word) escribiriamos la etiqueta <br>
              1. Si quieres escribir de manera libre y que te detecte los saltos en linea solo tienes que escribir dentro de la etiqueta <pre>...</pre>,aunque es posible que detecte todo
          2. LAS LISTAS
            1. Existen tres tipos de listas: LAS ORDENADAS LAS NO ORDENADAS Y LAS LISTAS DE DEFINICIONES
              1. Para las listas ORDENADAS usamos las etiquetas <ol>...</ol>
                1. Para las listas NO ORDENADAS usamos las etiquetas <ul>...</ul>
                  1. En las listas de DEFINICIONES usamos las etiquetas <dl>...</dl>
            2. LAS TABLAS
              1. Debemos tener en cuenta que se este realizando de IZQUIERDA A DERECHA y de arriba a abajo
                1. La table debe ir dentro de la etiqueta <table>, especificando el borde que deseamos
                  1. Los comandos que nos delimitan las filas son <tr>...</tr> y para las columnas <td>...</td>
                    1. Para convinas varias columnas o filas utilizamos los atributos COLSPAN o ROWSPAN RESPECTIVAMENTE
                      1. Si queremos destacar una fila o columna para que se comporte como titulo utilizamos <th>...</th>
              2. LOS ENLACES
                1. Nos permiten acceder a otras paginas, stios web, ficheros (de musica,videos, programas, imagenes) permite descargar archivos de la web y acceder a otros sitioso secciones de un documento
                  1. Se realiza con la etiqueta:<a href="http://www.enlace.com">...</a>
                    1. TARJET="_ BLANCK" para que el enlace se abra en una pestaña nueva del navegador
                2. ATRIBUTOS Y ESTILOS
                  1. Lo normal es que los estilos se especifiquen en ficheros CSS
                    1. Aplicar estilos directamente a una etiqueta de html es una opcion recomendable y que nos permite da soluciones a problemas que no podemos solventar en nuestro CMS o porque la plantilla no nos da mas opcion
                      1. lista de los colores que reconoce html por su nombre.Para el resto de colores ,deberas introducir el codigo ,en formato hexadecimal
                  Mostrar resumen completo Ocultar resumen completo

                  Similar

                  Test de la conquista del reino Nazarí y la incorporación del reino de Navarra
                  maya velasquez
                  Test de Matemáticas
                  Diego Santos
                  Alemán Básico
                  Diego Santos
                  Faltas de Orotografía
                  Diego Santos
                  Test Cuerpos Geométricos
                  Ruth Pérez Sánchez
                  Guerra Civil Española: Fechas Clave
                  maya velasquez
                  Introduccion a la fisica
                  Ivan Alex Apaza
                  Diagrama de Flujo
                  alanfrank96
                  Relación del Derecho Mercantil con otras ramas del Derecho
                  Juan Jose Avila Espinoza
                  Habilidades del Pensamiento
                  Kimm Fdez
                  LOS MOMENTOS DEL PROCESO DE APRENDIZAJE
                  Alejandro Correa