Conceptos Basicos de HTML

Conceptos Basicos de HTML

1. Se trata de un lenguaje de programacion que se utiliza para el desarrollo de paginas web.

   • HTML corresponde a HIPERTEXT MARKUP LENGUAGE (Lenguaje de marcas hipertextos)
     • 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

   • Toda pagina WEB se divide en dos partes: CABECERA Y CUERPO
     • 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
       • el cuerpo: Se introducen todas las etiquetas que nos permiten dar formato al documento

3. LOS TITULOS

   • Sirve para resaltar cualquier texto o apartados que forman el documento
     • Existen 6 tipos de titulos que van de la etiqueta mas grande (1) a la mas pequeña (6)
       • 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

4. LOS PARRAFOS

   • Los parrafos se delimitan con las etiquetas <P>...</P>
     • 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>
       • 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

5. LAS LISTAS

   • Existen tres tipos de listas: LAS ORDENADAS LAS NO ORDENADAS Y LAS LISTAS DE DEFINICIONES
     • Para las listas ORDENADAS usamos las etiquetas <ol>...</ol>
       • Para las listas NO ORDENADAS usamos las etiquetas <ul>...</ul>
         • En las listas de DEFINICIONES usamos las etiquetas <dl>...</dl>

6. LAS TABLAS

   • Debemos tener en cuenta que se este realizando de IZQUIERDA A DERECHA y de arriba a abajo
     • La table debe ir dentro de la etiqueta <table>, especificando el borde que deseamos
       • Los comandos que nos delimitan las filas son <tr>...</tr> y para las columnas <td>...</td>
         • Para convinas varias columnas o filas utilizamos los atributos COLSPAN o ROWSPAN RESPECTIVAMENTE
           • Si queremos destacar una fila o columna para que se comporte como titulo utilizamos <th>...</th>

7. LOS ENLACES

   • 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
     • Se realiza con la etiqueta:<a href="http://www.enlace.com">...</a>
       • TARJET="_ BLANCK" para que el enlace se abra en una pestaña nueva del navegador

8. ATRIBUTOS Y ESTILOS

   • Lo normal es que los estilos se especifiquen en ficheros CSS
     • 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
       • lista de los colores que reconoce html por su nombre.Para el resto de colores ,deberas introducir el codigo ,en formato hexadecimal

Imagens e arquivos do mapa