Whaleshares Logo

Tips para maquetar tus publicaciones facilmente

erick777Posted for Everyone to comment on, 5 years ago3 min read

img.png

Fuente

Un saludo para todos los lectores, hoy les mostraremos una lista de etiquetas HTML el cual es un lenguaje de marcado donde sus siglas quieren decir "HyperText Markup Language", es decir, Lenguaje de Marcas de Hipertexto, comúnmente es utilizado para el desarrollo de paginas web.
Estas etiquetas son de gran utilidad para la elaboración de nuestras publicaciones al igual que al elaborar nuestro blog de Wordpress son indispensables.

modificado.png

Ahora sin mas que decir les mostrare la lista de etiquetas y para que nos sirve cada una de ellas.

30 etiquetas de html

  1. h1,h2,h3,h4,h5,h6: Son utilizados para el titulo o subtitulo, siendo h1 el de mayor tamaño y h6 el de menor tamaño.
  2. header Define la cabecera de nuestra pagina
  3. footer Define nuestro pie de pagina. El final de nuestra pagina.
  4. ol Lista ordenada
  5. ul Lista desorneda
  6. li Para colocar los elementos de nuestra lista enumerada
  7. divComunmente muy utilizado para dividir secciones.
  8. a Es para colocar enlaces a otro destino
  9. i Letras cursivas
  10. small Comúnmente utilizado para colocar algún comentario.
  11. code.jpg

  12. s Contenido que no es de importancia
  13. q Cita textuales en linea
  14. sub Subindice
  15. sup Superindice
  16. b Coloca las letras en negrita
  17. u subraya el escrito
  18. mark Resalta el texto
  19. img src="" insertar alguna imagen
  20. video Representa un vídeo y su interfaz necesaria para reproducirlos
  21. audio Representa un sonido
  22. table Representa una tabla
  23. thRepresenta una celda titulo en la tabla
  24. tr Representa una fila en una tabla
  25. td Representa una celda en una tabla
  26. form Formulario
  27. label Representa un titulo en las opciones del formulario
  28. inputRepresenta un campo en el cual los datos son escritos y pueden ser editados por los usuarios
  29. button Boton
  30. selectRepresenta una un control mediante el cual el usuario puede seleccionar diferentes opciones
  31. opcion Representa las opciones que el usuario puede seleccionar mediante el select
Posdata: Todas estas etiquetas son necesarias cerrarlas y la forma correcta de cerrarla es colocandola igual como se abre pero con un / al principio, ejemplo: a /a div /div , no hay que olvidar que hay que colocar el signo de "<" y ">" para abrir y cerrar cada etiqueta.

Etiquetas sin necesidad de cerrarlas

  1. br Nos funciona para dar un salto de linea
  2. hr crea una linea separadora

Otras etiquetas

div class="pull-right" Aquí colocamos el texto o imagen que queremos colocar a la derecha./div div class="pull-left" Aquí colocamos el texto o imagen que queremos colocar a la izquierda./div div class="phishy" Aquí se escribe el texto que queremos colocar en rojo/div center Texto a centrar aquí /center div class="text-justify"Texto a justificar aquí/div

Así me despido una vez más un saludo para todos los lectores. !!

modificado.png

Sigueme en mis redes sociales


twitter.jpg Tw facebook.jpg Fb instagram-logo-gif-9.jpg Ig

-Puedes apoyar y votar como witnesses a @beyondbitcoincas en el siguiente link https://whaleshares.io/~witnesses

Puedes unirte al servidor de Discord en el BBCas haciendo click aquí


Captura de pantalla 2018-08-20 a la(s) 22.06.34.png

Sign Up to join this conversation, or to start a topic of your own.
Your opinion is celebrated and welcomed, not banned or censored!