tips para maquetar nuestras publicaciones con HTML


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/

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center