Happy Child » content http://happychild.stylemix.net Fri, 16 Jan 2015 07:43:33 +0000 en-US hourly 1 http://wordpress.org/?v=4.1 Markup: HTML Tags and Formatting http://happychild.stylemix.net/blog/markup-html-tags-and-formatting/ http://happychild.stylemix.net/blog/markup-html-tags-and-formatting/#comments Sat, 12 Jan 2013 03:22:19 +0000 http://wptest.io/demo/?p=919 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.

]]>
http://happychild.stylemix.net/blog/markup-html-tags-and-formatting/feed/ 0
Markup: Text Alignment http://happychild.stylemix.net/blog/markup-text-alignment/ http://happychild.stylemix.net/blog/markup-text-alignment/#comments Wed, 09 Jan 2013 16:00:39 +0000 http://wptest.io/demo/?p=895 Default

This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.

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.

]]>
http://happychild.stylemix.net/blog/markup-text-alignment/feed/ 0
Antidisestablishmentarianism http://happychild.stylemix.net/blog/title-should-not-overflow-the-content-area/ http://happychild.stylemix.net/blog/title-should-not-overflow-the-content-area/#comments Mon, 05 Oct 2009 19:00:59 +0000 http://wptest.io/demo/?p=877 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed diam sapien. Sed semper urna dictum tellus lacinia vehicula. Ut volutpat, augue vel auctor tincidunt, ligula sem pharetra dui, nec tincidunt ante mauris eu diam. Phasellus viverra nisl vitae cursus euismod. Suspendisse sit amet est lectus. Sed congue nunc pharetra dignissim aliquet. Fusce elementum eros aliquam, sodales nisi quis, sodales magna.

Phasellus eleifend sapien quam, ut euismod ante fringilla eget. Cras ut libero porttitor, dapibus ante non, lacinia odio. Curabitur id eros vitae elit feugiat commodo ut eu justo. Pellentesque sed porta libero, venenatis fermentum lacus.

]]>
http://happychild.stylemix.net/blog/title-should-not-overflow-the-content-area/feed/ 8
Edge Case: No Content http://happychild.stylemix.net/blog/edge-case-no-content/ http://happychild.stylemix.net/blog/edge-case-no-content/#comments Thu, 06 Aug 2009 16:39:56 +0000 http://wpthemetestdata.wordpress.com/2007/09/04/this-post-has-no-body/ Ut viverra at lacus non tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque eu dictum velit. Suspendisse ipsum velit, condimentum accumsan tincidunt at, posuere quis magna? Aenean condimentum sem nec ante molestie, ac pulvinar ligula sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse quis sem tincidunt, cursus turpis eget, hendrerit erat. Integer in facilisis felis. Sed accumsan eleifend neque, a ultricies massa porta at. Nam volutpat non odio sed interdum. Nulla tincidunt tempus diam, quis gravida odio. In tempor lectus quis libero pretium iaculis. Maecenas sed consectetur nisl. Morbi eget tincidunt leo! Pellentesque sit amet nisl sit amet libero cursus commodo.

Duis eros purus; ultrices at felis non, venenatis interdum magna. Nam quis magna lacus. Pellentesque eros diam, hendrerit id nunc a, vestibulum viverra lorem. Sed lectus neque, interdum at neque non, eleifend fermentum magna. Phasellus mattis vestibulum dolor quis lacinia. Etiam pulvinar nisi dui, vitae consequat tellus feugiat at. Fusce at turpis ac mauris iaculis sagittis in sit amet mauris. Curabitur ultrices in nulla gravida egestas! Suspendisse potenti. Nam sollicitudin mauris porttitor turpis commodo, quis elementum lectus molestie.

Etiam aliquet mauris at hendrerit fringilla? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eros nisl, accumsan in imperdiet quis, semper et tortor. Cras eu est vitae turpis aliquam dictum. Donec elit est, pellentesque nec enim posuere, interdum dapibus massa. Nullam rutrum lorem vitae purus convallis egestas. Vivamus diam mauris, tincidunt vel justo sed; porta dignissim tortor. Donec sit amet nibh a urna consectetur porttitor. Morbi quis nulla urna. Vivamus magna urna; interdum id lectus eget, pellentesque fringilla nisl! Phasellus quis quam cursus, varius ligula ut, adipiscing mi! Sed tellus elit, sollicitudin ut augue a, tempor posuere libero. Etiam id ligula quis metus feugiat dapibus. Sed egestas eros quis lorem varius, eget blandit libero mattis.

]]>
http://happychild.stylemix.net/blog/edge-case-no-content/feed/ 1
Edge Case: Many Tags http://happychild.stylemix.net/blog/edge-case-many-tags/ http://happychild.stylemix.net/blog/edge-case-many-tags/#comments Mon, 01 Jun 2009 08:00:34 +0000 http://wpthemetestdata.wordpress.com/2007/11/24/many-tags/ This post has many tags.

]]>
http://happychild.stylemix.net/blog/edge-case-many-tags/feed/ 0