Markup: HTML Tags and Formatting

Header one

Header two

Header three

Header four

Header five
Header six

Default Text Align – Left Align

This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.

Center Align

This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.

Right Align

This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.

Justify Align

This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it’s place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.

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.

Nested Unordered Lists

  • 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

Nested Ordered Lists

  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

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

HTML Tags

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”.

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).

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.

53 thoughts on “Markup: HTML Tags and Formatting

  1. 477162 371799We clean up on completion. This may sound obvious but not several a plumber in Sydney does. We wear uniforms and always treat your home or office with respect. 474098

  2. 11774 765888The vacation delivers on offer are : believed a selection of some of the most selected and furthermore budget-friendly global. Any of these lodgings tend to be really used along units may possibly accented by means of pretty shoreline supplying crystal-clear turbulent waters, concurrent with the Ocean. hotels packages 867181

  3. 509593 812477Cheapest player speeches and toasts, or perhaps toasts. continue to be brought about real estate . during evening reception tend to be likely to just be comic, witty and therefore instructive as effectively. best man speeches no cost 397057

  4. 78463 895427We stumbled over here coming from a different internet page and thought I may well check items out. I like what I see so now im following you. Appear forward to exploring your web page but once again. 142041

  5. 316261 744214The next time Someone said a weblog, I hope that it doesnt disappoint me just as significantly as this. Come on, man, I know it was my choice to read, but When i thought youd have some thing intriguing to say. All I hear is actually a handful of whining about something you can fix within the event you werent too busy searching for attention. 567511

  6. 920910 880468Most helpful human beings toasts ought to amuse and present give about the couple. Beginner audio systems previous to obnoxious throngs would be wise to remember often the valuable signal using grow to be, which is to be an individuals home. very best man speech examples 479115

  7. 152945 614387Outstanding read, I just passed this onto a friend who was doing some research on that. And he actually bought me lunch since I found it for him smile So let me rephrase that: Thank you for lunch! 340614

  8. 186729 545327Hello there, just became alert to your blog through Google, and discovered that it is truly informative. Im gonna watch out for brussels. I will appreciate if you continue this in future. Plenty of folks is going to be benefited from your writing. Cheers! xrumer 322314

  9. 863626 140405Oh my goodness! an outstanding write-up dude. Thank you Even so Im experiencing dilemma with ur rss . Do not know why Cannot register for it. Could there be any person obtaining identical rss difficulty? Anybody who knows kindly respond. Thnkx 126335

  10. 33327 223580Ive applied the valuable points from this page and I can surely tell that it gives lots of assistance with my present jobs. I would be very pleased to keep obtaining back in this internet page. Thank you. 889227

  11. 955590 236873I added this post to my favorites and strategy to return to digest much more soon. It is straightforward to read and understand as well as intelligent. I truly enjoyed my very first read through of this article. 957473

  12. 12004 324274Hello, Neat post. There is an problem along along with your website in web explorer, could test thisK IE still may be the marketplace leader and a huge portion of other people will miss your magnificent writing because of this dilemma. 421817

  13. Howdy! Do you know if they make any plugins to help with SEO?

    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good results.
    If you know of any please share. Many thanks!

  14. O termo elojob lol e elo boost lol é colocado para se dizer no momento que alguém oferece para outra alguém treinar no decorrer da sua conta on-line e na hora que aumentar a sua posição em um game. Este modo de emprego costuma ser praticado pelos superiores praticamtes, que permutam um pouco de seu período e de suas habilidades on-line por dinheiro na vida real.

  15. A prática é tanto comum entre os esportistas e lucrativa para quem permuta os seus tarefas. Mas, o elo job é contra as leis, considerado um cheat, e pode levar ao banimento dos gamers (tanto dos que obtêm, quanto dos que levam) caso descoberto. Contudo isto incetamente ocorre e o mercado de estabelecimentos que oferecem este trabalho se torna cada vez mais bom.

  16. O termo elo job lol e eloboost é utilizado para se citar quando alguém oferece a fim de outra indivíduo praticar através do seu painel on-line e na hora que aumentar a sua classificação em um jogo. Este meio de tarefa costuma ser executado pelos supremos players, que trocam um não muito de seu prazo e de suas habilidades online por grana na vida real.

  17. Wow that was strange. I just wrote an incredibly long comment
    but after I clicked submit my comment didn’t show up. Grrrr…
    well I’m not writing all that over again. Anyway, just wanted to say
    excellent blog!

Leave a Reply

Your email address will not be published.