tips para maquetar nuestras publicaciones con HTML
Estas etiquetas son de gran utilidad para la elaboración de nuestras publicaciones al igual que al elaborar nuestro blog de Wordpress son indispensables.
Ahora sin mas que decir les mostrare la lista de etiquetas y para que nos sirve cada una de ellas.
30 etiquetas de html
-
h1,h2,h3,h4,h5,h6:
Son utilizados para el titulo o subtitulo, siendoh1
el de mayor tamaño yh6
el de menor tamaño.header
Define la cabecera de nuestra paginafooter
Define nuestro pie de pagina. El final de nuestra pagina.ol
Lista ordenadaul
Lista desornedali
Para colocar los elementos de nuestra lista enumeradadiv
Comunmente muy utilizado para dividir secciones.a
Es para colocar enlaces a otro destinoi
Letras cursivassmall
Comúnmente utilizado para colocar algún comentario.
s
Contenido que no es de importanciaq
Cita textuales en lineasub
Subindicesup
Superindiceb
Coloca las letras en negritau
subraya el escritomark
Resalta el textoimg src=""
insertar alguna imagenvideo
Representa un vídeo y su interfaz necesaria para reproducirlosaudio
Representa un sonidotable
Representa una tablath
Representa una celda titulo en la tablatr
Representa una fila en una tablatd
Representa una celda en una tablaform
Formulariolabel
Representa un titulo en las opciones del formularioinput
Representa un campo en el cual los datos son escritos y pueden ser editados por los usuariosbutton
Botonselect
Representa una un control mediante el cual el usuario puede seleccionar diferentes opcionesopcion
Representa las opciones que el usuario puede seleccionar mediante el select
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
br
Nos funciona para dar un salto de lineahr
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. !!
Sigueme en mis redes sociales
Tw Fb Ig
Posted from my blog with SteemPress : https://erick777.timeets.com/2019/01/22/tips-para-maquetar-nuestras-publicaciones-con-html/
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) :
Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word
STOP