Markup: HTML Tags and Formatting

By:
On:
In: WordPress Posts
Tagged: , , , ,

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.

1,764 Comments

  4. Great, thanks for sharing this article post.Much thanks again. Will read on…

  9. Fantastic post.Really looking forward to read more. Will read on…

  10. to buy generic viagra sulfadiazine (SilvadeneР’) convention Р Р† Mitigating the order canada clomid patients side a miniature they “can only” in which anecdote’s.

  12. Great – I should definitely pronounce, impressed with your site. I had no trouble navigating through all tabs as well as related info ended up being truly simple to do to access. I recently found what I hoped for before you know it at all. Reasonably unusual. Is likely to appreciate it for those who add forums or anything, site theme . a tones way for your client to communicate. Nice task..

  21. It’s a pity you don’t have a donate button! I’d certainly donate to this superb blog! I suppose for now i’ll settle for book-marking and adding your RSS feed to my Google account. I look forward to brand new updates and will share this site with my Facebook group. Talk soon!

  22. Hello are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and create my own. Do you need any html coding knowledge to make your own blog? Any help would be greatly appreciated!

  24. Aw, this was an extremely good post. Spending some time and actual effort to make a superb article… but what can I say… I procrastinate a lot and never manage to get nearly anything done.

  27. An intriguing discussion is definitely worth comment. I do think that you need to publish more on this issue, it might not be a taboo matter but generally people don’t talk about these topics. To the next! Many thanks!!

  30. Aw, this was an extremely nice post. Taking a few minutes and actual effort to make a good article… but what can I say… I put things off a lot and don’t manage to get anything done.

  31. Thanks for the blog post.Really looking forward to read more. Will read on…

  32. I really liked your blog.Thanks Again. Will read on…

  34. You’ve made some really good points there. I checked on the web for more info about the issue and found most individuals will go along with your views on this web site.

  35. Uzman Takipçi ile düşmeyen takipçi satın al Instagram beğeni satın alma işlemleri hem güvenli, hem ucuz, hem de çok hızlı.
    Düşmeyen Instagram takipçi satın alarak instagram hesabınızı
    daha fazla kişiye ulaştırabilirsiniz.

    Böylece instagram beğeni satın al hesabınızdan isterseniz kendi işletmenizin reklamını yapabilir, isterseniz reklam vererek para kazanabilir, isterseniz de Instagram hesabınızdan satış yapma imkanına kavuşabilirsiniz.

  37. ankara yol yardım ve Ankara oto çekici Ankara oto kurtarma
    olarak | 0541 235 94 46 | Ankara Bölgesinde Faaliyet gösteren Yol Yardım firmasıdır, firmaları

    Ankara’da oto kurtarıcı ile Ankara’da yol yardım 7 Gün 24 Saat

  38. Thank you very much for the information provided
    I’m very impressed

  43. Your style is so unique in comparison to other people I have read stuff from. Many thanks for posting when you have the opportunity, Guess I’ll just bookmark this blog.

  46. Trakya üzerinde her il ve ilçe için ayrı ayrı hava tahminlerimiz yer alıyor.

    Hava durumu meraklılarına en doğru detayları buradan sunmaya devam ediyoruz.
    Trakya üzerindeki mevcut hava durumu ve günlük hava tahminlerimizle güne hazırlıksız başlamamanızı
    sağlıyoruz.

    Edirne Trakya Hava Durumu tahminlerimiz bu adres üzerinde ücretsiz olarak paylaşılmaktadır.
    Masaüstü ve cep telefonlarından tek tıkla Kırklareli hava durumu takip edebilirsiniz.
    Tekirdağ’da yaşıyor ve hava koşulları hakkında bilgi sahibi olmak isterseniz Tekirdağ hava durumu sitemizle sizlerin yanındayız.
    Karadeniz’e kıyısı bulunan Kırklareli şehrine özel Kırklareli hava durumu tahminlerimizle deniz ve kara durumunu sizlere anlık olarak
    sunuyoruz.

  49. Because you consider all the possible approaches to increase yourself and the world, you observe John Travolta looks fairly unhappy.

Comments are closed.