En HTML tenemos diferentes tipos de etiquetas cada uno con un proposito en particular, una etiqueta se puede componerse de 2 maneras
| Estructura de Etiquetas | |
| Etiquetas que solo se apertura | Etiquetas que tienen una apertura y un sierre |
| Este tipo de etiquetas comun mente se utilizan para indicar una direccion u origen se componen por argumento u opciones como src y href. | Este tipo de etiquetas se usa comun mente para encerrar un contenido tal como texto, img, entre otros. |
Este es mas para un comentario que pasa por desapercibido que ayuda a guiarce o de guia para otras personas que lo veran y le puedan entender.
Este define el nombre del documento que se ve en el navegador o en la persta帽a de una pagina.
h1 es un elemento HTML utilizado, de manera habitual, para identificar la cabecera mas importante en una pagina web. Un ejemplo de este seria el titulo de una pagina, post o producto.
La etiqueta h2 representa a los subtitulos. Y se utiliza palabras deribadas para tener un mejor concepto.
La etiqueta h3 tiene una larga familia como las anteriores que llega hasta h6 que sirve para asignar titulos, subtitulos, hasta llegar en diferentes medidas como es el caso de "h3".
La etiqueta h4 se emplea para denominar un enunciado igual que los anteriores solo que de nivel o tama帽o 4.
La etiqueta h5 tiene la misma acci贸n que sus demas hermanos solo que de diferente tama帽o o rango.
La etiqueta h6 tiene la misma funci贸n que su familia que es tener designado cualquier titulo con una asignaci贸n de tama帽o diferente por determinado.
El elemento HTML p inserta un p谩rrafo en el documento. Los p谩rrafos son elementos a nivel de bloque que constituyen una estructura b谩sica de un documento y son usalmente mostrados por los navegadores con m谩rgenes superior e inferior. Los p谩rrafos no pueden contener elementos a nivel de bloque, incluyendo otros p谩rrafos.
La etiqueta p sirve escencialmente para el texto porque en el momento que queremos dar a resaltar palabras clave del texto la aplicamos para que demos a definir un texto en negrita.
Esta etiqueta strong nos ayuda a proveer importancia, urgencia o seriedad al texto que contiene.
La etiqueta de br nos ayuda bastante en textos demasiado extensos para poder darle un salto de linea en el lugar donde nos parezca conveniente.
La etiqueta spam nos ayuda para poder darle estilo a una peque帽a parte del texto creando subdivisiones dentro de una caja div dando tambien estilos sin necesidad de ir creando nuevas capas.
El DOCTYPE o declaraci贸n del tipo de documento es una instrucci贸n que va al comienzo del documento HTML el cual permite al navegador entender qu茅 versi贸n de HTML estamos utilizando.
La etiqueta html es la principal y mas importante porque es con la etiqueta que abriremos el archivo en donde elaboraremos toda la programaci贸n.
Esta etiqueta se utiliza para describir el contenido de un sitio web con presici贸n se utiliza solo al momento de crear despues el de html.
Esta etiqueta mencionada ira desde el comienzo el cual sera de nuestra utilidad para indicarnos sobre la informaci贸n del documento, en donde esta conectado, las especcificaciones del programador entre otros datos.
El elemento header tiene el encabezado de una seccion o documento, donde se coloca comun mente los encabezados, vinculos de navegacion, formularios de busqueda, logos, tablas de contenido, las introducciones entre otros.
Esta etiqueta body representa lo que se encuentra en todo un documento fuente en html el cual puede haber solamente 1 el cual todo el contenido de nuestra pagina ira dentro del mismo dicho.
Esta etiqueta section es utilizada para agrupar los apartados del contenido principal del documento, normalmente se usa con titulos de h1 o h2 que son los apartados principales.
Esta etiqueta nav representa una secci贸n de una p谩gina cuyo prop贸sito es proporcionar enlaces de navegaci贸n, ya sea dentro del documento actual tambien otros documentos.
Esta etiqueta style se utilizaba con anterioridad en el html dandole estilo desde el mismo codigo el cual no es recomendable porque no es una forma de trabajar etica, porque al momento de mucho codigo se vuelve con mas desorden y mas dificil de entender para un ojo externo.
Esta etiqueta se emplea normalmente para definir un bloque de contenido o secci贸n de la pagina para poder darle diferentes estilos que guste el programador o realizar opciones sobre este mismo bloque.
La etiqueta option sirve mas para representar una opci贸n en un control select o una sugerencia, mas visto como una opci贸n en una lista desplegable.
La etiqueta table crea una tabla predeterminada.Permite que cualquier autor presente un documento tabulado.
La etiqueta caption es de ayuda para definir o representar el titulo de una tabla.
La etiqueta button es escencial para hacer una pagina interactiva porque esta permite definir un boton clickeable.
La etiqueta comand nos permite a nosotros invocar botones o boton ya sea de comando, de radio o incluso de verificaci贸n.
La etiqueta audio sirve para inserta un reproductor de sonido, ahora es posible insertar una canci贸n o cualquier m煤sica para dar vida y alegr铆a a nuestra p谩gina web.
La etiqueta nos va ayudar a poder identificar sem谩nticamente nuestras barras de "widgets", la etiqueta 'aside' est谩 generada o creada por HTML5 y dotada de sem谩ntica para entender que todo lo que est谩 dentro de ella hace referencia a lo que normalmente son herramientas o "widgets" de la p谩gina.
La etiqueta article es un contenedor de bloques de contenido que se consideran mas como independientes del sitio web y pueden ser vistos, reutilizados y distribuidos por separado.
La etiqueta img significa una imagen, lo que sirve para poner un archivo externo para poner en el documento. La ubicacion de dicho archivo debe especificarce con un atributo llamado src.
La etiqueta area sirve para crear las distintas secciones en las que se puede dividir mapas mas utilizadas para mapas de imagenes para el ojo 贸ptico del cliente.
La etiqueta address es mas para el autor del codigo trabajado ya que define la informaci贸n de contacto del autor / propietario del documento.
La etiqueta abbr es de ayuda para indicar una abreviaci贸n o un acr贸nimo.
Esta etiqueta nos funciona mas como para tener un orden porque especifica la base donde se abrir谩n todas la URL del documento.
Esta etiqueta permite a los autores del codigo sobreescribir la direcci贸n del texto.
La etiqueta a se utiliza comun mente para realizar enlaces con documentos externos de todo tipo, mas normal como para varias paginas web entre si.
Esta etiqueta representa una fila de una tabla asi que se diria que es el complemento de la etiqueta anterior pero este da como el concepto de un numero de celda.
La etiqueta td representa una celda de la dicha tabla. Donde este es el divisor de una informacion entre otras.
La etiqueta ol representa una lista ordenada de objetos que capta con los listados mal ordenados.
La etiqueta ul es el contrario de la etiqueta ol porque esta muestra el listado en un desorden con objetos acompa帽ado de otra etiqueta que de por medio lo acompa帽a igual que el anterior que es la etiqueta "li".
La etiqueta footer representa en pie de un documento, donde comun mente se colocan firmas, informacion del autor,informacion y licencias.
En css esta etiqueta es una de las mas utiles porque nos permite movilizar cualquier tipo de texto hace la direcci贸n que queramos con centrado, o izquierda o derecha.
En css esta etiqueta la podemos utilizar para darle o quitarle detallados a los textos como lineas o colores predefinidos que traen ciertas etiquetas que no son comodas al ojo publico.
En las propiedades css los colores se pueden seleccionar de su forma deribada como codigo en forma abreviada o tambien comun mente con su respectivo nombre pero en su codigo uno tiene mas tonalidades disponibles.
La etiqueta font-family es la que establece el tipo de letra que se utiliza, este se puede aplicar para titulos, subtitulos, y texto.
La etiqueta font-style .
La etiqueta font-size es la que le da el tama帽o a la letra lo bueno de esto es que se acompa帽a de la anterior etiqueta, asi que entonces igual se puede aplicar a todo.
La etiqueta margin es para establecer el tama帽o de los lados del documento. Este mismo ayuda ahorrar tener que programar lado por lado si no que lo toma generalmente.
La etiqueta margin-top nos sirbe para poder establecer el margen superior de un elemento especifico puede ser por dedida de longitud de pixeles o de porcentaje que ocupa la pantalla.
Esta etiqueta es muy util para darle un margen izquierdo de un elemento de igual manera especificando una longitud o porcentaje.
Esta etiqueta de igual manera es utilizada de la misma manera pero al otro lado que la anterior.
La etiqueta width tiene como objetivo de darle masa dependiendo la cantidad de pixeles que uno le de ese le dara al objeto o texto en particular.
La etiqueta heigh, va de la mano con la anterior etiqueta que este mide el alto y el otro el ancho, asi que este dependiendo la cantidad de pixeles le dara dicha altura.
La etiqueta padding es el encargado por asi decir como relleno, entre espacios de texto, imagenes, cuadros, donde sea necesario se aplica en ella.
La etiqueta padding-left se usa para establecer de forma abreviada el valor de una o mas propiedades individuales en direcci贸n a la izquierda.
La etiqueta padding-left se usa para establecer de forma abreviada el valor de una o mas propiedades individuales en direcci贸n a la derecha.
La etiqueta padding-top se usa para establecer de forma abreviada el valor de una o mas propiedades individuales en direcci贸n verticalmente.
La etiqueta padding-bottom sirve para describir cuanto espacio colocar entre el borde inferior y el contenido del selector, y para este las medidas son incluidas en porcentaje, esta etiqueta no acepta valores negativos.
La etiqueta border es delimitado comun mente para dar un borde en la tabla que se a utilizado en el documento dando un grosor tanto lateral y horizontalmente.
La etiqueta border-botom es una de las propiedades shorthand y se utiliza para establecer de forma aberviada el valor de una o mas propiedades.
La etiqueta border-top es una secci贸n de css para algunos ya avanzados porque es para darle dise帽o al borde superior del estilo que desee.
La etiqueta border-right es igual que su familia de botom porque define un estilo, tama帽o, forma a la parte derecha de una tabla o simplemente una linea de grosor.
La etiqueta border-left es igual que el de right porque interpretan lo mismo al definir una linea de lado izquierdo para darle un estilo no tan predeterminado.
La etiqueta border-color sirve demasiado para darle otro tipos de colores a los border para darles un contraste bueno para que se acople al documento con su tema relacionado.
La etiqueta border-width es utilizado para darle un tipo de grosor a los bordes para darle un tipo de enfoque diferente para la informaci贸n.
La etiqueta background permite establecer simultaneamente las cinco propiedades relacionadas con esta etiqueta pero sin definirla pude utilizarce tambien para color.
La etiqueta background-attachment controla si la imagen de fondo es un elemento movible o que parmanezca fija cuando se haga scroll en la ventana del navegador.
La etiqueta background-color se utiliza para darle color al fondo de cualquier parte que seleccionemos, puede ser en titulos, subtitulos, menus, hasta en todo el documento.
En esta etiqueta si puedo hacer un peque帽o salo porque tiene varios usos pero el que se le dio en el curso fue de poder dar fondo a una secci贸n por una url.
Esta etiqueta define mas las posiciones de las imagenes que usamos para el fondo dado que las imagenes al ser grandes podemos definir una posici贸n centrada o esquinada.
La etiqueta background-repeat es utilizada para las imagenes de fondo, por el sentido de al ser una imagen peque帽a o grande puede tomar forma de bucle a tal caso de repetirce variadamente, y esta etiqueta sirve para controlar esto.
La etiqueta background-size es de ayuda para darle un tama帽o que a nosotros nos guste, porque algunas veces toma mucho o poco tama帽o y para tomar bien toda la imagen se utiliza esta misma.
La etiqueta background-clip es utilizado para darle un cierto limite a la imagen de fondo para darle un limite externo del borde.
La etiqueta background-origin sirve para darle a lucir el origen de la imagen de fondo.
La etiqueta Border-radius nos ayuda a poder redondear todo lo que seleccionemos, como fotos, cuadros, documentos, y es mayor mente utilizado para darle dise帽o a botones para darle una mejor vista.
La etiqueta transition nos ayuda a poder cambiar las propiedades de un elemnto de HTML mediante una transicion con efecto de animaci贸n progresiva.
Esta etiqueta nos ayuda a poner en forma abreviada el valor de una o mas propiedades individuales simultaneamente las propiedades relacionadas con los marcadores de elementos de lista.
Esta etiqueta es de las mas importante para controlar estructuras, todos tiene un valor por defecto de display pero la mayoria trae el de block y este nos ayuda para equilibrar esa diferencia con otras etiquetas.
Esta es tambien una de las que mas nos ayuda porque nor permite controlar los elementos en un debido orden ya sea de forma de fila a lo largo del eje principal de izquierda a derecha.
Esta etiqueta su utilidad es de establecer la forma de como se reparte el espacio libre disponible en la direcci贸n principal.