• No products in the cart.

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.

31 responses on "Markup: HTML Tags and Formatting"

  1. Hi there colleagues, good paragraph and fastidious arguments commented here, I am genuinely enjoying by these. Nannie Padraig Thibault

  2. maam pwede po makahingi ng copy nung reviewer thanks Catrina Horacio Teresa

  3. Good article. I certainly appreciate this website. Continue the good work! Leone Joshuah Rhine

  4. Here are some of the web pages we suggest for our visitors Gwynne Nester Mallory

  5. For instance, if you are posting about a trade show in your niche, add a Youtube video of the event so that people can experience it more directly. Rosanne Conway Haywood

  6. This was delicious! I added some cayenne pepper to give it a little punch. Definitely will make again! Nissie Nevil Winchester

  7. Pugs, cool story, and I love the last paragraph! I had no idea that you and Eric went so far back! Dorri Justino Odeen

  8. Keep up the great work , I read few articles on this site and I think that your web site is real interesting and has got sets of great info . Shanie Raphael Demetre

  9. I used to be able to find good info from your blog posts.| Madge Chuck Joseph

  10. diet modification and colon detoxification can always prevent colon cancer,. Suzann Jareb Oxley

  11. Good day! I know this is kinda off topic but I’d figured
    I’d ask. Would you be interested in trading links or maybe
    guest authoring a blog post or vice-versa? My site discusses a lot of the same subjects as yours and I think we could greatly benefit from each other.
    If you happen to be interested feel free to shoot me an email.
    I look forward to hearing from you! Great blog by the way!

  12. This article gives clear idea in favor of the new people of blogging, that really how
    to do running a blog.

  13. Having read this I thought it was really enlightening.
    I appreciate you taking the time and energy to put this informative article together.
    I once again find myself personally spending a lot of time both reading and commenting.
    But so what, it was still worthwhile!

  14. I always emailed this weblog post page to all my associates, for the reason that if like to read it after that my contacts will too.

  15. Hi there to all, it’s genuinely a nice for me to go to see this web site, it includes important Information.

  16. If some one wishes to be updated with most
    recent technologies afterward he must be
    go to see this web site and be up to date every day.

  17. Howdy exceptional website! Does running a blog like this require a
    lot of work? I have very little expertise in programming however I
    had been hoping to start my own blog in the near future.
    Anyway, should you have any ideas or techniques for new
    blog owners please share. I understand this is off subject nevertheless I simply had to ask.
    Thank you!

  18. I like the helpful information you provide in your articles.
    I will bookmark your weblog and check again here regularly.
    I am quite certain I will learn lots of new stuff right here!
    Good luck for the next!

  19. Hi there, just became aware of your blog through Google, and found that it is really
    informative. I’m going to watch out for brussels.

    I will appreciate if you continue this in future. Lots of people will be benefited
    from your writing. Cheers!

  20. Excellent beat ! I wish to apprentice even as you amend your web site,
    how could i subscribe for a blog site? The account
    aided me a applicable deal. I were tiny bit familiar of this your broadcast provided brilliant transparent concept

  21. I don’t even know how I ended up here, but I thought this post was good.
    I don’t know who you are but definitely you are going to a famous blogger if you are not already 😉 Cheers!

  22. Hi, i think that i noticed you visited my blog so i got here to go back the desire?.I’m trying to in finding things to improve my website!I guess its adequate to make use of some of your ideas!!

  23. It’s hard to find educated people for this topic, but you sound
    like you know what you’re talking about! Thanks

  24. We are a group of volunteers and opening a new scheme in our community.
    Your web site provided us with valuable info to work on. You’ve done
    an impressive job and our entire community will be grateful to you.

  25. I really like it when folks get together and
    share ideas. Great blog, keep it up!

  26. I all the time used to read post in news papers but now as I
    am a user of net thus from now I am using net for articles, thanks to
    web.

  27. I’m really enjoying the theme/design of your
    blog. Do you ever run into any browser compatibility issues?
    A number of my blog audience have complained about
    my blog not operating correctly in Explorer but looks great in Firefox.

    Do you have any ideas to help fix this issue?

  28. Etkileşimi Arttırmak İçin Takipçi ve Beğeni Satın Almalısınız

    Özellikle yeni açılan sosyal medya hesaplarının en büyük
    sorunları arasında takipçi sayısının düşüklüğü ve
    paylaşımlarda etkileşim olmamasıdır.
    Beğeni ve yorumların gelmesi sosyal medya hesaplarının gelişimine katkı sağlamaktadır.

    Özellikle çok takipçisi bulunan ve paylaşımları beğenilerek yorum yapılan hesaplar ilgi çekmektedir.
    Takipçi Satın Al işlemleri sayesinde hızlı bir etkileşim sağlanabilmektedir.
    Ancak tüm hizmetlerde olduğu gibi bu hizmetlerinde farklı seçenekleri bulunmaktadır.

    https://rebrand.ly/takipci-satin-al

  29. This is very interesting, You are a very skilled blogger.
    I have joined your rss feed and look forward to seeking more of your wonderful post.
    Also, I have shared your website in my social networks!

  30. I think this is among the most vital info for me. And i’m glad reading your article.
    But should remark on few general things, The site style is wonderful, the articles is really nice :
    D. Good job, cheers

  31. What’s up to every body, it’s my first pay a quick visit of this webpage; this weblog consists of remarkable and genuinely
    good stuff designed for visitors.

Leave a Message

Your email address will not be published.

Course Progress

Student Activity

© SDTC. All rights reserved.