Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thanks for the post I am working hard learning to use HTML and Markdown to create more quality posts. I have not learned how to change the font style or font color.

Tough luck, @blockgators. I have looked for days and I've been told on a good number of sites that font size and style doesn't change in markdown and the only way to change the color is by making the font a link. Those are codes I want to see too. If you do see those things change on someone's site check to see if it's really text that's been formatted or if it's an image of formatted text.

@re-engineer Thanks! Good to know these tricks!

I will keep my eye open for it now. I guess when I see it being done it was an image I was seeing. Thanks for the heads up.

I may have to incorporate the image of formatted test in some of my posts once I learn it. I also need to learn how to put the line with the logo in my posts. The page divider lines and I want to add a logo.

When you get a logo image just the way you like it, cut and paste the code into a text file and keep it handy so you will have it ready to go every time you make a post ;-)

Hey guys I am new to steemit but this is so weird. Is steemit going to be like reddit but with karma that is worth something? Oh man that is going to open up new doors. So awseome.

Any right now I have only created some shitposts but thank you for this guide. I am going to do my best to get comfortable on steemit like I am on reddit.

Loved the way you put these things up, mate.. Just adding two more 😉.
Code for pulling photos to left.
<div class="pull-left">[image url]</div>
For pulling photos to right.
<div class="pull-right">[image url]</div>
Have a great day ;)

While Gruber is often labeled writer, many forget that he also was a (web) designer. As such it is very regrettable that he never included floats or center options.

Especially considering that the whole reason why he created Markdown was to make it easrier for authors (writers) to include basic HTML. WIthout needing to type out all those < & > and other attributes.

Semantically pull is most often used for pull-quotes, thus something which serves to highlight. Left or right-aligning an image actually gives it less focus.

I use those so often and it took me forever to find somewhere that explained them! I simply adore being able to put text next to the pictures where the text relates to them!

Well, why do you think putting images to left or right would be less relatable to texts?

Sorry, Maybe I didn't say that very well. I meant that I believe the text and pictures each help explain the meaning of the other better when they are side. Sometimes if you have to scroll to see one or the other there's a bit of a disconnect between the two.

@themarkymark, possibly one of the most useful posts I have come across on stremit so far, thank you so much, following and voted!

Thank you for usful information. I'll try to use it

No matter how many times I read posts like this, there is so much to get out of it for a novice. The time that it took and the work you put into it, is deeply appreciated. I have been encouraged to start content creation, but am shy because of my lack of skill. I am surely not alone. Thank you sincerely for addressing this.

This was SUPER helpful!! Thanks for posting. :-)

As I just joined steemit today and was looking into creating my first post I was wondering about this.
Very interesting, Thanks!

Welcome to the community :)

OMG!! This is soooooo helpful! Thanks for sharing!

Thank You

I can't Thank you enough.

i feel so basic and have so much to learn -thanks mate - rock on

I'm with you: grateful for these helpful posts. Willing and eager to learn.

Thank you so much for this! It would help me a lot.

Wow! I'll be using everything in 3...2...1!
Just kidding. Tons of great information. I am new here, so I will be saving this post (somehow, somewhere) or I'll forget it. Thank you so much for sharing this.

Cool man! Love the post :D

Great info and easily explained. Thank you # @themarkymark

  ·  7 years ago Reveal Comment

Great concise tutorial.

I wonder what your opinions are about underline, @themarkymark.

I was reading different opinions on that. Some stated that < u > and < /u > were done away with because of confusion with URLs while others were unhappy with the source of that statement.

Personally, I don't feel I got a conclusive understanding of that, but recall a time when < u > & < /u > could be used to create an underline.

Do you have an opinion on this?

Underline isn't in markdown as it wasn't designed for formatting text, just meaning. Underline is something each application would need to handle itself, like github has different additions to markdown as does Discord. Really isn't much of a choice here, got to use what's available, but I don't think there is an underline that works with Steemit as far as I know

Thanks for explaining that! It was bugging me why I couldn't figure it out.

This post is very good, useful for me as beginner at steemit

Everybody should learn this for our blog enhancements.

A great post to help begenners in MD. Given that it could be hard for a lot of people to learn markdown a tool like typora(https://typora.io/), a WYSIWYG editor, can be very useful.

Couple of great new markup tricks you’ve shown me.
Thank you.

Interesting read but I don't think I need to memorize them. The first thing I would ask whenever I use an online text editor is that how is my life better for this?

There are some markdown editors, but none of them I have found are 100% compatible with Steemit. There is also not that much to remember, and it will be a lot easier to know while writing posts. At least being familiar with what is possible will dramatically increase the look of your content.

Thank you for sharing. I have been on here for a couple months and still learning. It is nice to know and play with enhancing and highlighting a post.
Upvoted, following and resteemed.
Kenny.

Very informative post... learned a lot from it. So, thanks for that!!
Upvote and follow.

Cheers!

Nice! voteback!

This is a big help for me. Thank you for sharing! Tried in my comment already. I am so happy. Hehe 🙂

How to write smaller font size than normal text ...like one written below an image to describe it?

Yes, it's called subscript, great for citations.

Thank you sir this will be useful for ma new recruits. They will see this. I will contact ya when I need more help with the markdown

Thanks for this marky!! Got it bookmarked now :)

You've got the best of the best here and some of them I had to work hard to find!

I have trouble with the horizontal line sometimes too. The HTML commands are sometimes a bit less flaky than the markup coding.

The code for the horizontal line is <hr> (horizontal rule). <sup>text</sup> works to make text superscript which can be handy for making footnotes, eg. Footnote[Note 1]. The carrot (^) is supposed to work in markup but again... flaky!

Great info that I have been having trouble finding about markdown language. Thank you so much. You answered several of my questions.

What i was looking for :) ! ,thanks it was useful information ,

Nice post. I'm surprised and glad that Steemit doesn't use WYSIWIG editors. Those things destroy semantic code.

Thank you for such a well-written explanation of markdown and it’s commands. I taught myself HTML in 1995 (damn I sound old!) and have hand coded ever since. As a Steemit newbie, this post will come in handy.

Very comprehensive guide. Don't see any love for typora.io though, I think it's a very cool little markdown editor.

nice post.

I still do not understand how to post in steemi, I hope you can teach me how to succeed in steemit

Loved the meme references! LOL

Thanks for your post, it was necessary.

This is a very useful post!

Oh I love this!! I was busy using my oldschool HTML skills :P (which by the way I mastered by the age of ten in order to sell layouts on neopets!) ahahaa.

I was wondering why it was a bit glitchy!

I feel enlightened. And this is so much easier ! Wow !

Too bad im sour on apple at the moment after forgetting my apple password and having to wair 4 weeks for access to my account :( lol

wow this wonderful

This was very helpful and gives me even more tools to work with and new things to learn. Thank you and I hope you have an amazing day

Thanks so much! No amount of googling showed me the correct way to center. You just did!

Thank you so much to the legend

Wow, this article was SUPER helpful. I wish my vote was worth more!

Wow thank you for this , I'm new to steemit and my head is spinning still trying to figure this all out. I feel like I entered the twilight zone. Steemit has a steep learning curve I guess

I use a lot of HTML on my e-commerce websites,but there is a plenty of useful information here!

25667095-E50C-42B2-82A5-4194CEF2BF4E.jpeg

This coding 101.

Great tips! Joy

Super useful! You're an inspiration :)

This was great thank you! can you make the photos smaller when you import them?

Great post! As a total newbie at Steemit this is very helpful and save me tons of time.
So, again, thanks for putting this together.

This is a really helpful post. I notice that you can use HTML on SteemIt, and that's what most people know, but I think it's beneficial to learn markdown as it seems so much easier to use.

I'm going to start using markdown on all of my posts. And I can't thank you enough for the example on how to build tables. That's one I've been struggling to find for quite some time.

Thanks, one of the more comprehensive and well written markdown overviews I have seen on Steemit.

As a programmer I am a bit peeved by the lack of syntax highlighting in code blocks. Hopefully that will be added at some point. (I have been forced to screenshot rendered code from Github to then post back to Steemit).

Thank you for this post, It is educative for newbies like me

I’m printing this and keeping it close until I remember all tips by heart.


If I was a programmer and not a finance compliance manager it would be much easier.

  • not bad
  • better than I thought

1. Great post 1. Helpful instructions

image

I’ll be following you now

so much to learn here, its not something I can read and learn at once. I am definitely going to follow you

I made up one article like this when I was starting in this platform but you really have it perfect here, gonna send the link to my friends so our stories are getting even prettier :) thanks for sharing

:)

Hi nice article.....Keep writing that's like article and let's help each other also checkout my post click here

sending this to myself. I am looking for how to colour the fonts but still haven't found the answer yet. No worries. I just keep on looking

You have to use images.

thanks

Very nice and clear tutorial, it was very useful for me. Thanks!!

Excellent tutorial, thank you for taking the time to explain it for us!

@themarkymark I've been on Steemit for a bit now, but life changes means I can now make a more serious effort instead of a kind of daily blurb for interest. I've started writing up science posts and wanted to smarten them up. This has been so helpful I've copied to a word.docx so I can keep referring back until it's 2nd nature. I'm using hackmd.io and agree it's probably the better one. I just need to figure out how to make text red or blue now - just to spice it up a bit. Thank you and you should report this for newcomers.

I have this post as well as a few others in my footer of every post as it's good for new users.

Very informative post mate. The examples made a lot of sense, and you explained it in plain English. Thank you for giving examples of how it's supposed to present, too.

Bookmarked this article! A lot of useful information. Merci beaucoup! :)

This is amazingly one of the best post I have come across ever since I sign onto Steemit. I am so new here but after reading this post I feel more empowered to work my way through building a whale. I really like your sense of creativity and commitment. You really have added value to me today. Thanks a lot for the post. It really is awesome.

I have learn a lot from your post

Posted using Partiko Android

Calling @originalworks :)
img credz: pixabay.com
Nice, you got a 15.0% @minnowbooster upgoat, thanks to @themarkymark
Want a boost? Minnowbooster's got your back!

The @OriginalWorks bot has determined this post by @themarkymark to be original material and upvoted(1.5%) it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

Cool goat indeed!