tips para maquetar nuestras publicaciones con HTML

in #spanish6 years ago (edited)


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.

code.jpg

  1. s Contenido que no es de importancia
  2. q Cita textuales en linea
  3. sub Subindice
  4. sup Superindice
  5. b Coloca las letras en negrita
  6. u subraya el escrito
  7. mark Resalta el texto
  8. img src="" insertar alguna imagen
  9. video Representa un vídeo y su interfaz necesaria para reproducirlos
  10. audio Representa un sonido
  11. table Representa una tabla
  12. thRepresenta una celda titulo en la tabla
  13. tr Representa una fila en una tabla
  14. td Representa una celda en una tabla
  15. form Formulario
  16. label Representa un titulo en las opciones del formulario
  17. inputRepresenta un campo en el cual los datos son escritos y pueden ser editados por los usuarios
  18. button Boton
  19. selectRepresenta una un control mediante el cual el usuario puede seleccionar diferentes opciones
  20. 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



Posted from my blog with SteemPress : https://erick777.timeets.com/2019/01/22/tips-para-maquetar-nuestras-publicaciones-con-html/

Sort:  

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by erick777 from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Congratulations @erick777! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 5000 upvotes. Your next target is to reach 6000 upvotes.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

Support SteemitBoard's project! Vote for its witness and get one more award!