Manual para editar post en steemit (HTML)(parte 1)

in #spanish7 years ago (edited)

Manual para novatos.jpg

Entes de comenzar a hablar sobre los códigos debemos entender ¿que son ellos?

HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador, permitiendo que se logre ejecutar el código.

Ojo: Es recomendable usar un editor de textos sencillo. Hay que tener cuidado con algunos editores más complejos como son Wordpad, Microsoft Word o OpenOffice Write, pues colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener problemas, pensando que estamos ingresando erróneamente los códigos.

Ahora comencemos a explicar los primeros pasos para usar este lenguaje.

10671355975_a437880f7b_b.jpg

Fuente

El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes:

Una apertura de forma general <Codigo> y un cierre usando (/) para determinar que se ejecute el código en el contenido dentro </ Codigo>
<Codigo> Hola esto es un ejemplo de apertura y cierre </ Codigo>

Las etiquetas <p> y </p> definen un párrafo. Si en nuestro documento escribiéramos:

<p>Dentro de este codigo iria el parrafo</p>

Ejemplo:

"Luz, reflejo de la más pura creación, revelaste lo arcano, divinizaste lo que estuvo perdido.. Si bien no has sido padre creador, tu presencia indescifrable en un comienzo, obligo a nuestros antepasados a realizar bestialidades, en nombre de su propia "luz"

Si quisieramos cambiar de parrafo podemos colocarlo de esta manera:

<p> contenido bla bla bla</p>
<p> mas contenido bla bla bla</p>
<p> aun mas contenido bla bla bla bla bla! fin</p>

Ejemplo:

"Luz, reflejo de la más pura creación, revelaste lo arcano, divinizaste lo que estuvo perdido.. "

"Si bien no has sido padre creador, tu presencia indescifrable en un comienzo"

"Obligo a nuestros antepasados a realizar bestialidades, en nombre de su propia "luz"

Ahora que sabemos como escribir contenidos utilizando estos códigos, tenemos que entender su estructura base
Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página.

El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

Ejemplo:

<html> (Apertura)

<head>
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave...
<head>

<body>
<p> Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes </p>
</body>

</html> (Cierre)

22222.jpg

Si te gusto el poema que use de ejemplo, puedes leerlo completo visitando esta pagina
Poema de Pirtor

Sort:  

Hola, he dejado un voto para ti. Echale un vistazo a mis post. Espero te gusten

Hola, gracias, en un rato que me desocupe paso y reviso :)

Fue muy instructivo tu Post, Yosu. Espero que completes la info porque quedé a la espera. Jaja

Claro es que estoy colocando por partes porque si no seria mucho contenido para leer de un solo momento

Muy útil y enriquecedora tu publicación... gracias!

Gracias, tratare de publicar la parte 2, pero mejor explicada y con mas ejemplos para que se use con mas facilidad.

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 64623.67
ETH 3421.73
USDT 1.00
SBD 2.51