TABLA DE ETIQUETAS
CATALOGO DE ETIQUETAS
| Etiquetas | funcion |
| !DOCTYPE | Define el tipo de docuemento |
| HTML,/HTML | Abrimos el documento |
| HEAD, /HEAD | En la cabecera o “head” se inserta todo lo referente al title, styles vinculados, scripts, etc. |
| BODY, /BODY | En el cuerpo del documento o “body”, es donde va el contenido general, el grueso de la página. |
| title | para definir el titulo de una página. Importantisimo para el SEO. |
| Etiquetas | funcion |
| link y style | ambas van dentro del head, y sirven para aplicar estilos CSS a nuestro documento. Con link vinculamos de forma externa un archivo.css, y con style podemos escribir directamente código CSS dentro del head. /TD /TR |
| h1, h2, h3….h6 | encabezados, numerados del 1 al 6 por orden de RELEVANCIA.
El uso de estos encabezados es determinante para el SEO, porque es la mejor forma que tienen Google de entender la estructura de nuestro contenido y poder saber qué es lo relevante. |
| table, tr y td | son las tablas, las filas y las celdas. Están un poco obsoletas aunque a veces me han sacado de un apuro. |
| div | es un elemento “contendedor” de otras cosas. Realmente es lo que más se usa. Sabiendo manejar un contenido puedes hacer casi todo. Podrás ver un ejemplo práctico al final del post. |
| a | para añadir enlaces. Dentro de
ella tendremos dos atributos importantes, que son: href=”indica_la_URL_o_RUTA” y target=”self o _blank”, según quieras que el enlace se abra en la misma página o en una pestaña nueva. |
| IMG | es la etiqueta con la que se insertan las imágenes.
Este es uno de los pocos casos que no necesita etiqueta de cierre, sino que vale con: img src=”rutadelaimagen” alt=”textoalternativo” /, sin poner /img |
| li, ol, ul | son las etiquetas que controlan las listas ordenadas y desordenadas. |
| i | lo mismo pero para aplicar cursiva al formato de un texto. Ejemplos: esto irá en b negrita /b y este otro texto en i cursiva /i |
| p | con esta etiqueta determinamos un texto de párrafo. Se le aplican estilos como a todas, el dato relevante de esta etiqueta sería explicar
el hecho de que añade un salto de línea y otro más al cerrarla con como si diéramos dos veces al “intro”, para que me entiendas. |
| Que espero del curso | |
| Tabla de etiquetas | |
| infografia | |
| que es html 5 | |
| elementos editables | |
| Tabla comparativa de HTML5 y HTML4 | |
| HTML y CSS | |
| Que es javascript | |
| Menu | |
Trabajos Chidos <3
ResponderEliminar