1. Forum
  2. >
  3. Topic: Duolingo
  4. >
  5. Formatting Codes

https://www.duolingo.com/profile/stingerbee12

Formatting Codes

<h1>Welcome!</h1>

Specifically for new Duolingo users who wonder how in certain comments or discussions, how certain text are bold or italicized or etc. Well this guide should help answer that question and shows examples!

Bold text: **Bold** which becomes Bold

Italic Text: *Italic* which becomes Italic

Quote Text: >Hello, World and all who inhabit it! which becomes

Hello, World and all who inhabit it!

(Once you are done quoting, just make a new line and don't use the ">" at beginning of new line)

Linking a URL: [Click Here](http://www.duolingo.com) becomes Click Here

In other words: [Whatever Text to Display to Click](URL of website]

Image Linking: ![](http://i.imgur.com/gicahZv.png) becomes

In other words: ![](Imgur URL of uploaded image)

(Remember to first upload your image to imgur and then copy the specific imgur link they give you and insert it properly. Don't forget the "!")

Unorganized List: * Test 1

* Test 2

(Sorry for the not properly indented explanation)

becomes

  • Test 1
  • Test 2

(Make sure there is a space after the asterisk or "*" and make sure you make a new line after each list. So basically every line should have an * and then space and then the name of list. Hope you understand. Sorry for the weird spaces in the unorganized list explanation. Highlighting mistakes)

There are more formatting codes but this is the basic to let you know on how the formatting works. I hope this guide helped you and if you see any errors or have questions, feel free to tell/ask. Thanks!


Also additional from Samsta! Thanks!

Extra from Samsta:

You could also add: ***Italics and Bold*** which becomes Italics and Bold and

This text is written by placing a back-tick ( ` ) on both sides of the selected text. (The back-tick can usually be found to the left of the 1 key, under the esc key [upper left corner])

April 12, 2014

106 Comments
This discussion is locked.


https://www.duolingo.com/profile/Yeph

This discussion should be listed in every discussion page after buttons "Post", "Cancel" with a title "Text formatting codes". Or maybe it should be listed somewhere else visible.

Text formatting codes near post


https://www.duolingo.com/profile/linguafiqari

You can follow it and then find it easily later :)


https://www.duolingo.com/profile/stingerbee12

That would be very helpful. Nice suggestion. Thanks for the lingots everyone and especially the upvotes! The upvotes help make this discussion visible so thank you very much!


https://www.duolingo.com/profile/Yeph

Or maybe introduce a WYSIWYG (What You See Is What You Get) editor. If you want to underline something, just press a button on the editor.


https://www.duolingo.com/profile/Sjomeling

I wonder how that would integrate into the current programming, but yes WYSIWYG would be ideal!


https://www.duolingo.com/profile/Sjomeling

Another option would be a sidebar element/link on the discussion homepage (beneath your subscriptions etc.) or a "sticky post" at the top of every discussion page (as you suggested) with general forum guidelines, including these formatting options.


https://www.duolingo.com/profile/QueenLethargy

Thnx! I was wondering how people could do that!


https://www.duolingo.com/profile/procrastinitis

Thank you!

By the way, you can use any image URL.


"The venn diagram of boys who don't like smart girls and boys you don't want to date is a circle." -John Green

Testing, Testing, 1,2,3!


https://www.duolingo.com/profile/CCLuna

Finally I found Hetalia in the comments! xD


https://www.duolingo.com/profile/tanay_b

FORMATTING SUMMARIZED

<h1>Title Level 1 using 1 hashtag</h1>

Title Level 2 using 2 hashtags

Title Level 3 using 3 hashtags

Title Level 4 using 4 hashtags

Title Level 5 using 5 hashtags
Title Level 6 using 6 hashtags

Italics One asterisk(*) before and after text
Bold Two asterisks(**) before and after text
Bold and Italics Three asterisks(***) before and after text
No Formatting One backtick before and after text
--- Lists For lists, keep one blank line between the list items and the text before it
Unordered:

  • Item1 One asterisk(*) followed by a blank space before text
  • Item 2

Ordered:

  1. Item1 Just the number followed by a dot(.) and a blank space before the text
  2. Item2

Quote, this is a quote. One greater than sign (>) before the text

This is what you do to
start a new line. Two blank spaces after the first line

And this is what you do to

start a new paragraph. A blank line between two lines of text


Links [Linked Text](URL of website)

![Image Caption](Image URL)


https://www.duolingo.com/profile/StuffieStephie

One more thing that I didn't see mentioned here, if you want to link to a user's page from their username [luis](luis) produces luis


https://www.duolingo.com/profile/LiFicreator45

I didn't really get the LEVEL3,4,5,6 us of hashtags can you please explain again?


https://www.duolingo.com/profile/germano_germino

Hasthags are the "#" letter which are used to categorize so for example:
if I put "######" directly before a word without a space it looks like this:

6hashtags###### .

But I just found out that it only works in a new line - eiher a new paragraph, or the way you create a new line is to add 2 empty spaces at the end of the last line.


https://www.duolingo.com/profile/tu.8zPhLD72zzoZN

The more hashtags you put the smaller the title gets from the originally really big one,


https://www.duolingo.com/profile/comradezack

Thanks, it helps tremendously to have these all in one place!


https://www.duolingo.com/profile/felixandzelda

About the lines in your comment, I have a question, can you please help me?


https://www.duolingo.com/profile/tanay_b

Use ---


Do you see this?


https://www.duolingo.com/profile/vojo_rs
<h1>TESTING... :)</h1>

Homepage


https://www.duolingo.com/profile/Samsta

You could also add:

***Italics and Bold*** which becomes Italics and Bold

and

This text is written by placing a back-tick ( ` ) on both sides of the selected text. (The back-tick can usually be found to the left of the 1 key, under the esc key [upper left corner])

and

--- which becomes: (the line below)



https://www.duolingo.com/profile/AurosHarman

I'm finding that the blockquote feature will not work correctly on initial post -- the > symbol gets encoded as the &gt; entity. But then if I go back and edit and push it back to the symbol, it works. Very strange.


https://www.duolingo.com/profile/Hucklebeary

Yeah man, I get this all the time. Very annoying.


https://www.duolingo.com/profile/Kreilyn
<h1>I love learning languages {@style=color: green; front-size: large;} and that's all I like</h1>

Thanks to Duolingo for helping me with my main goal. {@style=color: blue}

I really need to work harder with my Dutch! {@style=color: red}

But it is so difficult to learn. {@style:color= orange}

I don't want to give up. {@style:color= orange}


https://www.duolingo.com/profile/allsey87

Hey, you need to have a closer look at the code that is used for dealing with links - the current code is destroying URLs, particularly those containing characters like &, = etc


https://www.duolingo.com/profile/Ex3mity

Sorry I did not understand how to highlight, could you explain me please?


https://www.duolingo.com/profile/JandersonSantos

teste


testetitstets

TESTE


teste


teste

  • teste
<h1>teste</h1>

teste

teste

teste

teste

TESTE

teste

teste

teste

teste

teste

teste

ttesttetsttetsttetstttetsttesttettestttestttetsttets


https://www.duolingo.com/profile/linguisticat

Thank you very much stingerbee12 this has been extremely helpful.

I would just add that if you want to include the asterisk or the greater than symbol (or any other special character) you can do so by adding the backslash or antislash "\" thus \* will display the *.


https://www.duolingo.com/profile/TheWiseTurtle

Yes, just like in many programming and scripting languages.

Bash Scripting: cd My\ Folder

AppleScript: display dialog "He said, \"Hello, World!\""


https://www.duolingo.com/profile/chacham2

Underlines also make italics.


https://www.duolingo.com/profile/Marc_B

Let me try this... BOLD ITALICS BOLD AND ITALICS : ) : ) : )\ an immersion document about monopoly : ) This is awesome! I will follow this post so that I can come back to review this when I need to, Thanks so much! : )


https://www.duolingo.com/profile/anothernobody

following the instructions for adding a quote (using the >) isn't working for me:-(


https://www.duolingo.com/profile/toOliya

Try adding a space before the > and the body of the text. That fixed it for me. The way it is shown in the example didn't work either.


https://www.duolingo.com/profile/arthur0703

Oh, how to make oblitirated text?


https://www.duolingo.com/profile/Red_Rat_Writer

Thanks, I'm always forgetting these!


https://www.duolingo.com/profile/Carolyn250

Thanks so much. Does it also work in immersion? For proper style, the names of books should be written in Italics, but I have not been doing that because I did not know how.


https://www.duolingo.com/profile/Samsta

It does not work in Immersion.


https://www.duolingo.com/profile/-O__O-

测试一下

赞赞赞 (>▽<)


https://www.duolingo.com/profile/Kreilyn

How did you did it?


https://www.duolingo.com/profile/felixandzelda

Thank U very much! I made a version in Simplified Chinese according to yours! Click Here to have a look!


https://www.duolingo.com/profile/makiminami
<h1>Thank you! This is x1000 AWESOME!!!</h1>

Duo, aren't

formatting

codes

JUST
SO MUCH FUN!!!

I agree.

Doesn't Duolingo rock?

Imgur


YES!!!

I know right?


https://www.duolingo.com/profile/crlight

test
test
test

  • one

  • two

test

This is a test


<h1>Title</h1>
title

duolingo

All should live by this philosophy

crlight


https://www.duolingo.com/profile/panagiotis_ts

Hi! Can you write how you made this line above the "Also additional from Samsta! Thanks !"


https://www.duolingo.com/profile/kiddo-depido

*look, I write with asterisks and nothing happens...*
* maybe I'm magical *


https://www.duolingo.com/profile/tu.8zPhLD72zzoZN

You are using the backslash before the asterisk, aren't you?


https://www.duolingo.com/profile/kiddo-depido

*No... XD But that one works, too *


https://www.duolingo.com/profile/Mandelmassa

Need to see if it works


https://www.duolingo.com/profile/AlmogL

Thanks for this!


https://www.duolingo.com/profile/Jack.Elliot

must we use imgur ..

are there other ways of putting down pictures

!(http://imgur.com/gallery/lseL6TS)

ITALIC

bold

Bold

BOLD


https://www.duolingo.com/profile/BillofKempsey

No. Any valid URL works.

Yours was not quite right. Should have been ![Cat](http://i.imgur.com/lseL6TS.jpg) Cat

In Firefox, right click the image and choose View Image Info. You will see that the full filename included ".jpg". (Other browsers are probably similar.) You also missed the text element "[ ]", which is required even if empty.


https://www.duolingo.com/profile/Sjomeling

Right clicks often give you the option to copy the image source URL directly. I am a mac user, so I can't speak for PCs but right clicking an image should also give you these options...

Chrome: "Copy Image URL"

Firefox: "Copy Image Location"

Safari: "Copy Image Address"


https://www.duolingo.com/profile/thonkthonk

Lines!

Are!

Fun!


https://www.duolingo.com/profile/Bratamoli

I also use Google Translate to learn more. (Or surprisingly often to help someone who speaks a different language--just did that today with some Serbian gentleman, actually.)


https://www.duolingo.com/profile/QueenLethargy

It came out wrong.


https://www.duolingo.com/profile/_M.Taylor

ill be honest i done before !


https://www.duolingo.com/profile/rakusin

merci beaucoup


https://www.duolingo.com/profile/AbraxunsIllusion

I'm bookmarking this. Thanks!


https://www.duolingo.com/profile/Mitchell_MT

I am testing

Here's a great place to visit. An Awesome Website


https://www.duolingo.com/profile/nkn15

Testing: [Click here] (www.duolingo.com)


https://www.duolingo.com/profile/fantomitzah

Maybe because you left a space between [] and () ?


https://www.duolingo.com/profile/Konrad-Michal

Yes, you're right. Thank you!


https://www.duolingo.com/profile/panagiotis_ts

I've done whatever you write here but still can't upload photos!


https://www.duolingo.com/profile/nkn15

To upload a photo, do this: ![] (www.example.com) Be sure to put a space between the last bracket and the first parenthesis.


https://www.duolingo.com/profile/Freakin_Boss

I always wondered how to do this!


https://www.duolingo.com/profile/BubMiner123

Lemme try.

This is a test. This is another test.


https://www.duolingo.com/profile/ZL321
<h1>this is a test.</h1>

https://www.duolingo.com/profile/Mr_Philip

you mean like this


https://www.duolingo.com/profile/HolyT
  • 2139

I'm trying to post a base64 image. I'm using this code:

![Name of image] &lt;img src='data:image/gif;base64,R0lGODlhEAAQANUqALHX/HaZtrfa/Lrc/fL1+V13lcDf/Vpwiejz/rTZ/O72/4GnwmF8m362N4S8O4/EROr0//z9/pa805XJSEhacZLHR2eHp+fz/onAP5DFRZbKSubv9/n6/IC4OIvAQHqzM5fLS77e/ZvN/OLq9KvU+6TR+3KsLVNle+zx9////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACoALAAAAAAQABAAAAaMQJUqRUwJj8hjymQqOo3CImhSXCwCAQt0qak8MM0IYTMaFYzLjMfRMEEMhlBoRGA4Ox+FAhEaCEIABGcpEksmCnF+CQAkgkQLHAgIFwKLJCQlJSMHRAEofQKMmCUiIiMnnSiKjJmlpqhDniizsyIls7BRDAwFBwcnuBRQSk/AuUlJKSfHyEjKw83Ow0EAOw'/&gt;

I've tried several variations and I just can't get the image to show. What is wrong with the syntax? Thank you.


https://www.duolingo.com/profile/HolyT
  • 2139

OK, here's what I need to do:

  1. One space after the [Name of image] and the opening parenthesis.
  2. Use parentheses instead of < and />.
  3. Start with "date:image/gif. . . " and leave off everything else. Leave off the quotation marks.

Here is the correct format:

![Name of image] (data:image/gif;base64,R0lGODlhEAAQANUqALHX/HaZtrfa/Lrc/fL1+V13lcDf/Vpwiejz/rTZ/O72/4GnwmF8m362N4S8O4/EROr0//z9/pa805XJSEhacZLHR2eHp+fz/onAP5DFRZbKSubv9/n6/IC4OIvAQHqzM5fLS77e/ZvN/OLq9KvU+6TR+3KsLVNle+zx9////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACoALAAAAAAQABAAAAaMQJUqRUwJj8hjymQqOo3CImhSXCwCAQt0qak8MM0IYTMaFYzLjMfRMEEMhlBoRGA4Ox+FAhEaCEIABGcpEksmCnF+CQAkgkQLHAgIFwKLJCQlJSMHRAEofQKMmCUiIiMnnSiKjJmlpqhDniizsyIls7BRDAwFBwcnuBRQSk/AuUlJKSfHyEjKw83Ow0EAOw)

I still don't know what exactly the "Name of image" string does, though.


https://www.duolingo.com/profile/mizinamo

It gets displayed instead of the image for those who have turned image loading off or use text browsers.


https://www.duolingo.com/profile/Brigid

This is really helpful!!

I was very excited to see that a link I wanted to include in a reply really did appear after I posted. : )

However, the color wasn't right: Span¡shD!ct...is there some trick I'm missing here?


https://www.duolingo.com/profile/gusbemacbe

Put @style inside the brackets, for example:

[ * { @style = color: orange; font-style: normal;} Diccionario de español *] ( http://www.com )

Remember to remove the spaces. Result:

{@style = color: orange; font-style: normal;}Diccionario de español

Learn a language in just 5 minutes a day. For free.