Etiquetas populares en HTML

Buenas estimados usuarios de la comunidad. A continuación del siguiente articulo, les explicaremos las principales Etiquetas populares y utiles en HTML. Las cuales les permitirán desarrollar paginas web.

Portada del articulo etiquetas html.

Preámbulo

Las etiquetas de manera resumida y explicada para todos. Es un espacio dentro de nuestro codigo delimitado, el cual en base al codigo que estblezcamos aparecera un tipo de contenido: Texto, Imagenes, Videos, Audio, etc. Al igual que tambien existen etiquetas para agregar caracteristicas adicionales a dicho contenido. Como el echo de si es un titulo, marquesina, etc.

Las etiquetas y el respectivo uso de las mismas, es uno de nuestros pripales conocimientos que debemos saber, debido a que seran nuestras principales herramientas para poder desarrollar nuestra web, mediante html.

Aunque esta es una de las partes mas basicas de nuestro codigo, debido a que estas etiquetas se complementan del css para establecer caracteristicas esteticas al texto (Como lo son las negritas, Cursiva, Texto centrado o movido a un lado, color del mismo, tipo, etc).

Tambien se complementa con el JavaScript para crear scripts que realicen ciertas funciones utiles para satisfacer el objetivo al que se enfoca la web.

Ademas de esto, nuestra web se puede clasificar en 2 tipos (Dinamica o estatica), dependiendo si usa la cuarta caracteristica, la cual es una base de datos.

Por el momento y por fines practicos, en esta publicacion, nos centraremos unicamente a las Etiquetas Populares en HTML.

Syntaxis

Syntaxis para colocar etiquetas: <etiqueta> contenido </etiqueta> Lo resaltado en negro se debe sustituir con aquello que se desee.


Etiquetas principales

Definimos como etiquetas principales, aquellas que sirven para gestionar configuraciones generales de la pagina.

EtiquetaDescripción
titleEstablece el titulo de la pagina o documento.
headerEstablece scripts o contenido en el encabezado de tu pagina.
headSirve para colocar scripts al principio de la pagina o información..
bodyEs la etiqueta que principalmente usaremos, ya que dentro de ella se encuentra todo el contenido de nuestra web
!DOCTYPEDefine el tipo de documento.
addressDefine la información de contacto del autor o propietario.
!–…–Se usa para dejar un comentario.
articleDefine un articulo.
asideEstablece un slider, como el que puedes ver en este articulo.
baseEspecifica la base donde se abrirán todas las URL del documento
bdiAísla una parte del texto que puede tener un formato diferente del texto externo
bdoSobre escribe la direccion de un texto.
divSirve para dividir una parte del codigo, como su nombre indica.
datalistEspecifica en un input una lista pre-definida de opciones
footerEstablece el footer de la pagina, puede ser un script o unicamente contenido.
htmlEstablece la parte inicial del documento.

Etiquetas de Texto

En este apartado hablaremos sobre aquellas etiquetas las cuales por lo general, son las mas usadas, ya que permiten establecer texto de diferente tipo, para crear todo el contenido de las paginas en tu Sitio Web.

EtiquetaDescripción
H1Titulo principal de la web y por lo general, solo existe 1 por pagina, ya que establece el tema general.
H2Titulo secundario de la web, por lo general se usa para segmentar el contenido en varias partes. Por lo tanto se les podría establecer como categorías principales del contenido.
H3Tercer titulo mas importante de la web, por lo general se usa para crear sub categorías dentro de las categorías principales establecidas por los h2.
H4Cuarto titulo mas importante de la web, es raro que se use, pero se usa para segmentar las sub categorías del contenido en la web, establecida por el h3.
H5Quinto titulo mas importante y es sumamente raro que se usen, pero también tienen como objetivo segmentar nuestro contenido en partes mas pequeñas.
H6Sexto titulo mas importante, es extremadamente raro que se use, ya que se usa para segmentar aun mas el contenido, pero al menos que se trate de una wiki extremadamente completa, no se tienen tantos sub temas por lo regular, para tener que usar todos los títulos. Este es el ultimo de todos.
pEs la etiqueta mas simple y comunes de todas. A tal grado, que cuando tecleamos en un editor de html o gestor de contenido con apartado visual, son las primeras que se crean. Esto se debe a que se utilizan para crear párrafos de texto.
dfnEstablece una definicion

Etiquetas de Multimedia

Estas etiquetas te permitirán añadir contenido multimedia de diferente tipo, para complementar tu web y que no sea solo texto. Como lo es las imagenes, audio, video, etc.

EtiquetaDescripción
imgSirve para colocar imágenes dentro del contenido que estemos desarrollando.
areaEstablece un área dentro de un mapa en archivo imagen.
aCrea enlaces dentro de tu web, los cuales pueden llevarte a otra zona interna en tu web o fuera de la misma, en Internet.
audioEstablece un contenido de audio.
videoAñade un video a la pagina.
trackDefine texto de la pista para elementos multimedia (vídeo y audio)
varEstablece una variable de programación.
buttonDefine un botón clickeable.
canvasSe usa para dibujar gráficos en pantalla.
codePerrmite añadir codigo de programacion.
commandDefine un botón command al que un usuario puede invocar.
dialogDefine una caja de dialogo
embedCrea un contenedor de una aplicación externa (no html).
inputEstablece una zona de entrada de texto.
menuCrea un menu con su lista de objetos.
hr/Crea linas horizontales las cuales sirven para dividir el contenido. Unicamente se coloca
marqueeCrea marquesinas de contenido, las cuales se moveran de arriba a abajo o de izquierda a derecha.
olSirve para crear listas ordenadas.
dlCrea una lista de definiciones.
ulCrea una lista desordenada.
formCrea un formulario.
timeEstablece una fecha y hora.
tableCrea una tabal de contenido

Etiquetas extra

Las etiquetas que definimos en este apartado, son aquellas que les permitirán añadir aspectos extra a tu contenido, para mejorarlo y/o retocarlo.

EtiquetaDescripción
strongSirve para establecer texto en negritas o resaltado.
markMarca una parte del texto.
emDefine énfasis en un texto
spanSirve para estilos de una parte del texto.
brSirve para crear saltos de linea.
abbrSirve para colocar una abreviación.
captionDefine el título de una tabla.
colEspecifica las propiedades de la columna para cada columna del elemento
colgroupEspecifica un grupo de una o más columnas de una tabla
citeDefine el título de un trabajo
ddDefine la descripción de un ítem en una lista de definición
dtDefine un término (un ítem) en una lista de definición
delDefine un texto que ha sido definido en un Mdocument
detailsDefine detalles adicionales que el usuario puede ver o esconder
blockquoteDefine una sección que tiene otra fuente

Información extra

Esperamos que esta pequeña información que pudimos brindar les haya gustado y puedas usar estas Etiquetas Html. No se olviden de informarnos en los comentarios que les parece este tema y que opinan al respecto o pueden debatir en nuestro foro sobre ello.

Si les gusta el contenido que hacemos, nos ayudaría mucho que pudieran compartir con sus amigos, para que mas personas conozcan sobre este tema y si gustan, registrase en nuestra web con el link: fxz-org.com/registro/ para ver mas contenido interesante o de otro tipo que deseen.

0 0 vote
Article Rating

AdventFxZ

Fundador de la Organización USH, Gremio FxZ y bot Orix.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments