Difference between revisions of "Markdown Textos (Gal)"

From Steem Center
Jump to: navigation, search
m (trocar references x referencias, engadir enlace o manual de markdown do editor, traducir campo Miscelanea.)
(Crear varias columnas)
 
(47 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Resulta unha práctica altamente recomendable formatear correctamente o "post" antes de envialo.
+
Para a maioría das usuarias, o editor visual do Steemit será mais que suficiente para crear textos visualmente atractivos e con composición mais que decentes.  
Para crear o seu contido no Steemit pode usar o "Editor" ou pode usar o modo "Markdown".
+
Cando unha usuaria atopase con necesiades especiais, ou é extremadamente pulcro nas súas edicións, pode votar man do sistema de etiquetado [[Markdown_gal]] ou das [[Etiquetas HTML]] para tomar control absoluto da apariencia do texto e tamén do comportamento dos navegadores ante a publicación.
O que sigue é un breve resumo de algúnha das ordes de formateo mais comúns dispoñibles no "Steemit"
+
  
== Texto Enorme (Cabezallo) ==
+
== Encabezados ==
  
Para crear textos ou titulares con letra enorme, use unha #, ou ben empregue o <nowiki><h1></nowiki> tag<br>
+
A estructura de encabezados das túas páxinas é un dos aspectos mais importantes do [[SEO na Páxina]] Ela define que partes do tue contido son mais importantes e cómo están interconectadas.
Cantas mais ##### empregues mais PEQUENO apareceá o texto.<br>
+
Porque hai diferentes obxectivos, un post pode necesitar unha estructura de cabezallos de outro post,  
Asegurate de deixar un espazo entre o  # e a verba que queres aumentar.<br>
+
Nesta entrada tentase dar os trucos básicos para crear unha estructura de cabezallos eficaz (ademais de visualmente atractiva) para os teus documentos no Steemit.
  
* A letra mais grande é # verba, ou <nowiki><h1></nowiki> verba <nowiki></h1></nowiki>
 
* A letra menor é ###### verba, ou <nowiki><h6></nowiki> verba <nowiki></h6></nowiki>
 
  
== Letra Grosa ==
+
=== 5 Principios Básicos arredor dos cabezallos HTML ===
  
Para facer que unha letra apareza en co estilo de font '''letra grosa''' , use ** antes e despois da verba. <br>
+
Debemos ter estas cousas claras antes de nada:
NON compre deixar espazos entre os ** e a verba.<br>
 
Tamén podes usar a etiqueta  <nowiki><b></nowiki>. <br>
 
  
* '''verba''' : <nowiki>**word**</nowiki>
+
* O Encabezado mais importante na páxina debe ser o H1.
* '''verba''' : <nowiki> <br> word </br> </nowiki>
+
* Só debe haber un H1 por páxina
 +
* Os subencabezados deben ser H2, su-sub-encabezados H3.. etc (ata H6)
 +
* Cada encabezado debe conter verbas con valor, no caso contrario e traballo perdido.
 +
* En textos extensos, a división dos encabezados permite que a lectora salte as partes que non atopa interesantes.
  
== Italicas ==
+
Baseandonos nos encabezados, esta sería a estructura de este post. (WikiMedia formatea automáticamente os parágrafos)'''(1)'''
  
Para facer que unha verba apareza en  ''italicas'' use un * simple en cada lado da verba. <br>
+
# [H1] O título do artigo. Cómo formatear un texto con....
NON necesitas deixar espazos entre o * e a verba.<br>
+
## [H2] Encabezados
Tamén podes usar a eqtiqueta <nowiki><em></nowiki>.
+
### [H3] 5 Principios Básicos arredor dos cabezallos HTML
 +
## [H2] Formateando Textos
  
* ''verba'' : <nowiki>*verba*</nowiki>
+
[https://www.steem.center/index.php?title=Cómo_formatear_un_texto_co_Markdown#cite_note-1]
* ''verba'' : <nowiki><em>verba</em></nowiki>
 
  
== Enlaces ==
+
=== Formateando os encabezados co MarkDown ===
 +
 
 +
Con MarkDown, para crear un titular use unha etiqueta #, ## para o subtítulo, ### para un sub-subtítulo e así sucesivamente ata a cantidade de 6 #
 +
Canto maior o número de etiquetas [#] que empregues mais PEQUENO apareceá o texto.(Ata 6)<br>
 +
Asegurate de deixar un espazo entre a etiqueta [#] e o texto que queres destacar.<br>
 +
 
 +
* A letra mais grande é # Texto, ou <nowiki><h1></nowiki> Texto <nowiki></h1></nowiki>
 +
* A letra menor é ###### Texto, ou <nowiki><h6></nowiki> Texto <nowiki></h6></nowiki>
 +
 
 +
<pre style="color: red">¿Sorte o mesmo efecto o etiquetado Markdown [#] que os metatags [H1, H2 ...] en canto a SEO??</pre>
 +
 
 +
==Formateando Textos==
 +
 
 +
{| class="wikitable"
 +
|+Formateando Textos
 +
|-
 +
|<center>'''Estilo'''</center>
 +
|'''Sintaxe'''
 +
|<center>'''Exemplo'''</center>
 +
|<center>'''Saída'''</center>
 +
|-
 +
|Letra Grosa
 +
|**  ** <br> __  __ <br><nowiki> <b> Texto </b>(4)</nowiki>
 +
|<nowiki>**Esta é letra Grosa**</nowiki> <br> <nowiki>__Esta é letra Grosa__</nowiki>
 +
|'''Esta é letra grosa'''<br> <br><b>Texto</b>
 +
|-
 +
|Cursiva
 +
|*  * <br> _  _
 +
|<nowiki>*Esta é letra Cursiva*</nowiki> <br> <nowiki>_Esta é letra Cursiva_</nowiki>
 +
|''Esta é letra cursiva''
 +
|-
 +
|Tachado
 +
|<nowiki>-- --</nowiki>
 +
|<nowiki>--Este texto está errado--</nowiki>
 +
|<s>Este texto está errado</s>
 +
|-
 +
|Letra grosa e cursiva
 +
|<nowiki>** **</nowiki> e <nowiki>_ _</nowiki>
 +
|<nowiki>**Galiza _NON_ é Espanha**</nowiki>
 +
|'''Galiza''' '''''NON''''' '''é Espanha'''
 +
|-
 +
|}
 +
 
 +
=== Crear varias columnas ===
 +
 
 +
<nowiki> <div class="pull-left">
 +
### Columna do lado esquerdo </nowiki>
 +
</div><br>
 +
 
 +
<nowiki> <div class="pull-right">
 +
### Columna do lado dereito </nowiki>
 +
</div><br>
 +
 
 +
<nowiki><div class="pull-left">
 +
 
 +
Mais texto na columna esquerda
 +
 
 +
</div></nowiki>
 +
 
 +
<nowiki><div class="pull-right">
 +
 
 +
Mais texto na columna dereita
 +
 
 +
</div></nowiki>
 +
<ref>[https://steemit.com/utopian-io/@casberp/como-criar-posts-bilingues-or-how-to-create-bilingual-posts Como criar posts bilíngues | How to create bilingual posts] por [https://steemit.com/@casberp '''caspber'''] o 2017/01/07. Visto 2017/01/07 </ref>
 +
 
 +
==Inserir código e destacar sintaxe ==
 +
 
 +
Formato: 'Código ou sintaxe a destacar'
 +
 
 +
<nowiki>Código ou sintaxe a destacar</nowiki>
 +
 
 +
== Listas ==
 +
 
 +
=== Listas correntes ===
 +
 
 +
<nowiki>
 +
<ul>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 2
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</ul>
 +
</nowiki>
 +
...
 +
 
 +
 
 +
<ul>
 +
<li>
 +
Elemento 1
 +
</li>
 +
<li>
 +
Elemento 2
 +
</li>
 +
</ul>
 +
 
 +
=== Listas ordeadas ===
 +
 
 +
<nowiki>
 +
<ol>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 2
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</ol>
 +
</nowiki>
 +
...
 +
 
 +
 
 +
<ol>
 +
<li>
 +
Elemento 1
 +
</li>
 +
<li>
 +
Elemento 2
 +
</li>
 +
</ol>
 +
...
 +
 
 +
=== Listas ordeadas (Outro xeito) ===
 +
 
 +
<nowiki>
 +
1. Item 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
2. Item 2
 +
</nowiki>
 +
 
 +
Os números neste tipo de formato non importa. Só indican que son números.
 +
 
 +
<ol>
 +
<li>
 +
Item 1
 +
</li>
 +
<li>
 +
Item 2
 +
</li>
 +
</ol>
 +
...
 +
 
 +
=== Listas de chequeo ===
 +
 
 +
Podense facer cos comandos para listas ordeadas ou desordeadas.
 +
Abrimos as liñas con un corchete [], e cando temos a tarefa realizada incorporamoslle un "X"
 +
[], [x]
 +
 
 +
<nowiki>
 +
1.[] Item 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
2. [x]Item 2
 +
</nowiki>
 +
 
 +
 
 +
 
 +
<ol>
 +
<li>
 +
[ ]Item 1
 +
</li>
 +
<li>
 +
[x]Item 2
 +
</li>
 +
</ol>
 +
...(3)
 +
 
 +
=== Saltos de liña ===
 +
 
 +
Para crear espazos enriba e debaixo de unha imaxe, use  <nowiki><br>
 +
</nowiki>
 +
 
 +
*  <nowiki><br><center>imaxe.jpg</center><br></nowiki>
 +
 
 +
Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.
 +
 
 +
=== Liña Horizontal / Rotura de Parágrafos ===
 +
 
 +
* A escrita de catro ou mais guions baixos  producirá unha liña horizontal no texto que pode axudarnos a separar parágrafos ou subtítulos... ou poñela porque nos gusta.
 +
* A etiqueta <span style=" color:#009000"> <nowiki><hr></nowiki> </span> tamén xenera unha liña continua.(3) <hr>
 +
* Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.
 +
 
 +
=== Enlaces ===
  
 
Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ). <br>
 
Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ). <br>
 
O texto vai entre os  [ ] e o enderezo do enlace vai entre as ( )
 
O texto vai entre os  [ ] e o enderezo do enlace vai entre as ( )
  
* <nowiki>[verba ou frase](website.com)</nowiki>
+
* <nowiki>Como dixo Castelao, [os americanos xa estaban desembarcando](http://sabiondosfelices.blogspot.com.es/2013/11/textos-castelao-o-pai-de-miguelino.html)</nowiki>
 +
 
 +
Como dixo Castelao[http://sabiondosfelices.blogspot.com.es/2013/11/textos-castelao-o-pai-de-miguelino.html os americanos xa estaban desembarcando]
  
Se non estás a usar un editor markdown, tamén podes editar un enlace de este xeito:
+
*  <nowiki>...sin respetar a toponimia oficial galega <a href="https://es.wikipedia.org/wiki/Castelao">na wikipedia . es</a></nowiki>
  
*  <nowiki><a href="https://website.com">nome do Sitio web</a></nowiki>
+
...sin respetar a toponimia galega oficial [https://es.wikipedia.org/wiki/Castelao na wikipedia.es]
  
== Imaxes ==
+
=== Imaxes ===
  
 
Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato. <br>
 
Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato. <br>
 
*  ![descripción da imaxe](Enderezo web da Imaxe)
 
*  ![descripción da imaxe](Enderezo web da Imaxe)
Lee mais no artigo  [[Incluindo imaxes no teu post]].
+
Lee mais no artigo  [[Formatear imaxes]].
  
== Video & MultiMedia ==
+
=== Video & MultiMedia ===
  
 
O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post.
 
O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post.
Line 54: Line 283:
 
Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)
 
Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)
  
== Centrar Imaxes, videos ou Texto ==
+
=== Centrar Imaxes, videos ou Texto ===
  
<nowiki>Para centrar unha imae use <center> e </center></nowiki>
+
<nowiki>Use <center> Para centrar unha imaxe. texto ou obxecto </center></nowiki>
  
 
*  <nowiki><center>imaxe.jpg</center></nowiki>
 
*  <nowiki><center>imaxe.jpg</center></nowiki>
Line 62: Line 291:
 
<nowiki>Para centrar texto use  <center> e </center></nowiki>
 
<nowiki>Para centrar texto use  <center> e </center></nowiki>
  
*  <nowiki><center> verba </center></nowiki>
+
*  <nowiki><center> Texto </center></nowiki>
  
 
<nowiki>Para centrar un video use <center> e </center></nowiki>
 
<nowiki>Para centrar un video use <center> e </center></nowiki>
Line 68: Line 297:
 
*  <nowiki><center> Enlace do video </center></nowiki>
 
*  <nowiki><center> Enlace do video </center></nowiki>
  
== Saltos de liña ==
+
=== Pes de foto ===
 
 
Para crear espazos enriba e debaixo de unha imaxe, use  <nowiki><br>
 
</nowiki>
 
 
 
*  <nowiki><br><center>imaxe.jpg</center><br></nowiki>
 
 
 
Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.
 
 
 
== Pes de foto ==
 
  
 
Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas.
 
Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas.
Line 85: Line 305:
 
<nowiki><center>*pe de foto*</center><br></nowiki>
 
<nowiki><center>*pe de foto*</center><br></nowiki>
  
==Enlaces:==
+
<span style="font-size:x-large;">
  
* '''Steemit''' : https://steemit.com
+
==Artigos Relacionados:==
* '''Steemit Help''' : https://www.steemithelp.net
+
[[Incluir_imaxes_nos_teus_posts| Editar  imaxes ]] | [[Editar Taboas ]] | [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown Formatear textos ] | [https://www.steem.center/index.php?title=Editores_Externos Editores Externos] [[In_the_news|Revista de Prensa]]
* '''@steemitguide''' : [https://steemit.com/steemit/@steemitguide/steemit-markdown-tutorials-for-beginners-a-compilation-of-my-written-guides-to-help-you-edit-your-posts-via-raw-editor-like-a Steemit Markdown Tutorials for Beginners: A Compilation of my written Guides to Help you Edit your Posts via Raw Editor like a Pro; Markdown & HTML Codes]. Xaneiro 2017
 
* '''@smysullivan''' : [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
 
* '''@ervin-lemark''' : [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?]. Outubro 2016
 
* '''@minion''' : [https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users Professional Tutorial for Post Formatting, both for Beginners and Advanced users]. Agosto 2016
 
* '''@senseiteekay''' : [https://steemit.com/steemit/@senseiteekay/tips-for-posting-on-steemit-and-128204 Tips for Posting on Steemit (Updated)]. Agosto 2016
 
* '''@gainingsteem''' : [https://steemit.com/steemit/@gainingsteem/the-definitive-steemit-com-writing-guide-the-basics-of-posting The Definitive Steemit.com Writing Guide – The Basics Of Posting]. Xullo 2016
 
* '''@cryptogee''' : [https://steemit.com/steemit/@cryptogee/format-your-steemit-articles-and-gain-steem-power Format Your Steemit Articles And Gain Steem Power!]. Maio 2016
 
* '''@xeldal''' : [https://steemit.com/steem/@xeldal/how-to-liven-up-your-steem-posts-with-markdown How to Liven up your Steem Posts with Markdown]. Abril 2016
 
* '''@freyman''' : [https://steemit.com/steemit/@freyman/formatear-textos-con-markdown / Cómo formatear textos co Markdown no Steemit]. Xuño 2017
 
  
==Artigo Relacionados:==
+
<br>
  
* [[Incluir_imaxes_nos_teus_posts| Incluir imaxes nos teus posts]]
+
{| class="wikitable" style="margin: auto;<small>"
* [[Increase_your_Steem_Net_Worth|Aumenta o valor da túa Rede Steem (En)]]
+
|'''Referencias'''
* [[In_the_news|Revista de Prensa]]
+
* '''(1)''' [https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog]
 
+
* (3) [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
==Referencias:==
+
* (4) [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?].[https://steemit.com/@ervin-lemark @ervin-lemark] Outubro 2016
 
+
* [https://guides.github.com/features/mastering-markdown/ Manual de Markdown no GitHub]
* '''Miscelanea''' : [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ Unha chea de asuntos arredor do Steemit] ''Anónimo, published in 10/27/2016 ''
+
* (5) [https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users Professional Tutorial for Post Formatting, both for Beginners and Advanced users][https://steemit.com/@minion @minion]. Agosto 2016
 +
|
 +
|-
 +
|}
  
* '''Manual de Markdown no GitHub''' : [* '''Miscelanea''' : [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ Unha chea de asuntos arredor do Steemit] / Unha chea de asuntos arredor do Steemit]
 
  
<br>
 
  
 
----
 
----
 
<br>
 
<br>
 
{| class="wikitable" style="margin: auto;"
 
{| class="wikitable" style="margin: auto;"
| Axuda a manter eta Páxina wiki actualizada.Rexistrate, clik en Register, click in [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown&action=edit edit], engade ou modifica o texto e garda. <br>Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en [https://steemit.com/introduceyourself/@steemcenterwiki/introduction-rewarding-steem-center-wiki-editors-with-steem-too @steemcenterwiki].
+
| Axuda a manter esta Páxina wiki actualizada.Rexistrate, clik en Register, click in [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown&action=edit edit], engade ou modifica o texto e garda. <br>Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en [https://steemit.com/introduceyourself/@steemcenterwiki/introduction-rewarding-steem-center-wiki-editors-with-steem-too @steemcenterwiki(En)].
 
|-
 
|-
 
|}
 
|}
 
<br>
 
<br>
  
[[Category:Galego]] [[Category:Tutorial]] [[Category:Contido]]
+
 
 +
 
 +
[[Category:Galego]] [[Category:Tutorial]][[Category:Steemit]][[Category:Markdown]]

Latest revision as of 14:03, 7 January 2018

Para a maioría das usuarias, o editor visual do Steemit será mais que suficiente para crear textos visualmente atractivos e con composición mais que decentes. Cando unha usuaria atopase con necesiades especiais, ou é extremadamente pulcro nas súas edicións, pode votar man do sistema de etiquetado Markdown_gal ou das Etiquetas HTML para tomar control absoluto da apariencia do texto e tamén do comportamento dos navegadores ante a publicación.


Encabezados

A estructura de encabezados das túas páxinas é un dos aspectos mais importantes do SEO na Páxina Ela define que partes do tue contido son mais importantes e cómo están interconectadas. Porque hai diferentes obxectivos, un post pode necesitar unha estructura de cabezallos de outro post, Nesta entrada tentase dar os trucos básicos para crear unha estructura de cabezallos eficaz (ademais de visualmente atractiva) para os teus documentos no Steemit.


5 Principios Básicos arredor dos cabezallos HTML

Debemos ter estas cousas claras antes de nada:

  • O Encabezado mais importante na páxina debe ser o H1.
  • Só debe haber un H1 por páxina
  • Os subencabezados deben ser H2, su-sub-encabezados H3.. etc (ata H6)
  • Cada encabezado debe conter verbas con valor, no caso contrario e traballo perdido.
  • En textos extensos, a división dos encabezados permite que a lectora salte as partes que non atopa interesantes.

Baseandonos nos encabezados, esta sería a estructura de este post. (WikiMedia formatea automáticamente os parágrafos)(1)

  1. [H1] O título do artigo. Cómo formatear un texto con....
    1. [H2] Encabezados
      1. [H3] 5 Principios Básicos arredor dos cabezallos HTML
    2. [H2] Formateando Textos

[1]

Formateando os encabezados co MarkDown

Con MarkDown, para crear un titular use unha etiqueta #, ## para o subtítulo, ### para un sub-subtítulo e así sucesivamente ata a cantidade de 6 # Canto maior o número de etiquetas [#] que empregues mais PEQUENO apareceá o texto.(Ata 6)
Asegurate de deixar un espazo entre a etiqueta [#] e o texto que queres destacar.

  • A letra mais grande é # Texto, ou <h1> Texto </h1>
  • A letra menor é ###### Texto, ou <h6> Texto </h6>
¿Sorte o mesmo efecto o etiquetado Markdown [#] que os metatags [H1, H2 ...] en canto a SEO??

Formateando Textos

Formateando Textos
Estilo
Sintaxe
Exemplo
Saída
Letra Grosa ** **
__ __
<b> Texto </b>(4)
**Esta é letra Grosa**
__Esta é letra Grosa__
Esta é letra grosa

Texto
Cursiva * *
_ _
*Esta é letra Cursiva*
_Esta é letra Cursiva_
Esta é letra cursiva
Tachado -- -- --Este texto está errado-- Este texto está errado
Letra grosa e cursiva ** ** e _ _ **Galiza _NON_ é Espanha** Galiza NON é Espanha

Crear varias columnas

<div class="pull-left"> ### Columna do lado esquerdo </div>

<div class="pull-right"> ### Columna do lado dereito </div>

<div class="pull-left"> Mais texto na columna esquerda </div>

<div class="pull-right"> Mais texto na columna dereita </div> [1]

Inserir código e destacar sintaxe

Formato: 'Código ou sintaxe a destacar'

Código ou sintaxe a destacar

Listas

Listas correntes

<ul>
<li>
Elemento 1
</li>
<li>
Elemento 2
</li>
</ul> ...


  • Elemento 1
  • Elemento 2

Listas ordeadas

<ol>
<li>
Elemento 1
</li>
<li>
Elemento 2
</li>
</ol> ...


  1. Elemento 1
  2. Elemento 2

...

Listas ordeadas (Outro xeito)

1. Item 1
2. Item 2

Os números neste tipo de formato non importa. Só indican que son números.

  1. Item 1
  2. Item 2

...

Listas de chequeo

Podense facer cos comandos para listas ordeadas ou desordeadas. Abrimos as liñas con un corchete [], e cando temos a tarefa realizada incorporamoslle un "X" [], [x]

1.[] Item 1
2. [x]Item 2


  1. [ ]Item 1
  2. [x]Item 2

...(3)

Saltos de liña

Para crear espazos enriba e debaixo de unha imaxe, use <br>

  • <br><center>imaxe.jpg</center><br>

Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.

Liña Horizontal / Rotura de Parágrafos

  • A escrita de catro ou mais guions baixos producirá unha liña horizontal no texto que pode axudarnos a separar parágrafos ou subtítulos... ou poñela porque nos gusta.
  • A etiqueta <hr> tamén xenera unha liña continua.(3)
  • Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.

Enlaces

Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ).
O texto vai entre os [ ] e o enderezo do enlace vai entre as ( )

  • Como dixo Castelao, [os americanos xa estaban desembarcando](http://sabiondosfelices.blogspot.com.es/2013/11/textos-castelao-o-pai-de-miguelino.html)

Como dixo Castelaoos americanos xa estaban desembarcando

  • ...sin respetar a toponimia oficial galega <a href="https://es.wikipedia.org/wiki/Castelao">na wikipedia . es</a>

...sin respetar a toponimia galega oficial na wikipedia.es

Imaxes

Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato.

  •  ![descripción da imaxe](Enderezo web da Imaxe)

Lee mais no artigo Formatear imaxes.

Video & MultiMedia

O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post. Outra maneira e incluir código HTML embebido. (iframe). Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)

Centrar Imaxes, videos ou Texto

Use <center> Para centrar unha imaxe. texto ou obxecto </center>

  • <center>imaxe.jpg</center>

Para centrar texto use <center> e </center>

  • <center> Texto </center>

Para centrar un video use <center> e </center>

  • <center> Enlace do video </center>

Pes de foto

Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas. (Grazas a @razvanelul por esta idea. -No orixinal en inglés.)

  • <br><center>[Identificador de imaxe](Enderezo Web imaxe)</center>

<center>*pe de foto*</center><br>

Artigos Relacionados:

Editar imaxes | Editar Taboas | Formatear textos | Editores Externos Revista de Prensa


Referencias




Axuda a manter esta Páxina wiki actualizada.Rexistrate, clik en Register, click in edit, engade ou modifica o texto e garda.
Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en @steemcenterwiki(En).


  1. Como criar posts bilíngues | How to create bilingual posts por caspber o 2017/01/07. Visto 2017/01/07