Markup: HTML Tags and Formatting

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Tables

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag (deprecated in HTML5)

The acronym ftw stands for “for the win”.

Big Tag (deprecated in HTML5)

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strike Tag (deprecated in HTML5)

This tag shows strike-through text

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag (deprecated in HTML5)

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

26 thoughts on “Markup: HTML Tags and Formatting

  1. Royal CBD

    I’m really enjoying the design and layout of your blog.
    It’s a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a designer to create your theme?

    Fantastic work!

  2. Alisha

    Hi there would you mind sharing which blog platform you’re working with?
    I’m planning to start my own blog soon but I’m having a hard time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most
    blogs and I’m looking for something completely unique.
    P.S Apologies for being off-topic but I had to ask!

  3. Madalynn

    Hey very cool site!! Guy .. Excellent .. Amazing ..
    I’ll bookmark your website and take the feeds also?
    I’m satisfied to find a lot of helpful information right here
    within the submit, we want work out more strategies in this regard, thanks for
    sharing. . . . . .

  4. Martin

    It’s very trouble-free to find out any matter on web
    as compared to books, as I found this paragraph at this
    web page.

  5. Addisonzoe

    Hello, i think that i noticed you visited my weblog so i came to go back the desire?.I’m
    attempting to to find issues to improve my web site!I guess its
    good enough to use some of your ideas!!

  6. Jacob

    hi!,I like your writing very a lot! proportion we
    keep in touch more approximately your post on AOL?
    I need an expert on this space to resolve my problem. May be that’s
    you! Taking a look ahead to peer you.

  7. Gabriel

    Thanks , I have just been looking for info approximately this subject for ages and yours is the greatest I’ve discovered till now.
    However, what about the bottom line? Are you certain concerning the supply?

  8. Patricia

    It’s amazing for me to have a website, which is valuable designed for my knowledge.

    thanks admin

  9. Addisonjohan

    What’s up to every one, because I am truly eager of reading this webpage’s post to be updated regularly.

    It includes fastidious material.

  10. Jordan

    I think the admin of this website is really working hard in favor
    of his site, as here every information is quality
    based data.

  11. Jake

    Everything is very open with a clear explanation of the challenges.
    It was truly informative. Your site is useful. Thank you for sharing!

  12. Jessica

    Hello there! This is kind of off topic but I need some guidance
    from an established blog. Is it hard to set up your own blog?
    I’m not very techincal but I can figure things out pretty fast.
    I’m thinking about creating my own but I’m not sure where
    to begin. Do you have any ideas or suggestions? Many thanks

  13. Sofia

    hello there and thank you for your information – I’ve definitely picked up
    anything new from right here. I did however expertise several technical points using this site, as I experienced to reload the
    web site a lot of times previous to I could get
    it to load properly. I had been wondering if your hosting is OK?
    Not that I am complaining, but sluggish loading instances times will often affect your placement
    in google and can damage your quality score if ads and marketing with
    Adwords. Anyway I’m adding this RSS to my e-mail and can look out
    for much more of your respective intriguing content.
    Make sure you update this again very soon.

  14. Zariah

    Nice post. I learn something new and challenging on blogs I stumbleupon every day.
    It’s always interesting to read content from other writers and use something from other websites.

  15. Eve

    Hello! I know this is kind of off topic but I was wondering which blog platform are you using
    for this website? I’m getting fed up of WordPress because I’ve had
    problems with hackers and I’m looking at alternatives for
    another platform. I would be fantastic if you could point me in the direction of a
    good platform.

  16. Brooklyn

    When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get
    four emails with the same comment. Is there any way you can remove
    me from that service? Thank you!

  17. Maria

    Highly descriptive post, I loved that a lot. Will there
    be a part 2?

  18. Jonathon

    Wow, wonderful blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your web site is great,
    as well as the content!

  19. Jack

    It’s remarkable designed for me to have a web site, which is beneficial designed
    for my know-how. thanks admin

  20. tax advisor near me

    You’ve made some really good points there. I looked on the internet to find out more about the issue and found most people will go along with your views on this web site.

  21. Serenity

    Howdy are using WordPress for your site platform? I’m new to the blog world but
    I’m trying to get started and set up my own. Do you need
    any html coding expertise to make your own blog? Any help would be really appreciated!

  22. Online Pharmacy

    Leading Online Pharmacy – Contact us at +1 (917) 259-3352 for unbelievable rates, discount and offers on any medicine. Get it delivered free of cost at your door steps, call us today. Phone : +1 (917) 259-3352

  23. Investments

    Right here is the perfect webpage for everyone who hopes to find out about this topic. You understand a whole lot its almost hard to argue with you (not that I really will need to…HaHa). You definitely put a new spin on a subject that’s been written about for ages. Wonderful stuff, just wonderful!

  24. Digital Marketing Agency

    Leading Digital Marketing agency in India and Kolkata, Leading Web Design company. Providing web designing and Digital marketing services, Digital marketing course, and certification with an internship.

Leave a Reply

Your email address will not be published.