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:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

multiple contributors – MDN HTML element reference – blockquote

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 -start at 8
    1. List item one
      1. List item one -reversed attribute
      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

This tag styles 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 it is handled and to find out how it overflows;
}

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 strike out text, but this tag is recommended supported in HTML5 (use the <s> instead).

Emphasize Tag

The emphasize tag should italicize text.

Horizontal Rule Tag


This sentence is following a <hr /> tag.

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 is for preserving whitespace as typed, such as in poetry or ASCII art.

The Road Not Taken

Robert Frost Two roads diverged in a yellow wood, And sorry I could not travel both (_/) And be one traveler, long I stood (=’.’=) And looked down one as far as I could (“)_(“) To where it bent in the undergrowth; Then took the other, as just as fair, And having perhaps the better claim, |_/| Because it was grassy and wanted wear; / @ @ Though as for that the passing there ( > º < ) Had worn them really about the same, `>>x<<´ / O And both that morning equally lay In leaves no step had trodden black. Oh, I kept the first for another day! Yet knowing how way leads on to way, I doubted if I should ever come back. I shall be telling this with a sigh Somewhere ages and ages hence: Two roads diverged in a wood, and I— I took the one less traveled by, And that has made all the difference. and here’s a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

Quote Tag for short, inline quotes

Developers, developers, developers… –Steve Ballmer

Strike Tag (deprecated in HTML5) and S Tag

This tag shows strike-through text.

Small Tag

This tag shows smaller 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 (obsolete in HTML5)

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

Underline Tag deprecated in HTML 4, re-introduced in HTML5 with other semantics

This tag shows underlined text.

Variable Tag

This allows you to denote variables.

Markup: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.

On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize.

Image Alignment 580x300

The image above happens to be centered.

Image Alignment 150x150The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200

And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

And just when you thought we were done, we’re going to do them all over again with captions!

Image Alignment 580x300
Look at 580×300 getting some caption love.

The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.

Image Alignment 150x150
Itty-bitty caption.

The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.

As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!

And now for a massively large image. It also has no alignment.

Image Alignment 1200x400
Massive image comment for your eyeballs.

The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.

Image Alignment 300x200
Feels good to be right all the time.

And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.

In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked! One last thing: The last item in this post’s content is a thumbnail floated right. Make sure any elements after the content are clearing properly.

Image Alignment 300x200

Markup: Text Alignment

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.

Markup: Title With Special Characters

Putting special characters in the title should have no adverse effect on the layout or functionality.

Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing the post itself (ie. issues with metaboxes, media upload, etc.).

Latin Character Tests

This is a test to see if the fonts used in this theme support basic Latin characters.

! # $ % & ( ) *
+ , . / 0 1 2 3 4
5 6 7 8 9 : ; > = <
? @ A B C D E F G H
I J K L M N O P Q R
S T U V W X Y Z [
] ^ _ ` a b c d e f
g h i j k l m n o p
q r s t u v w x y z
{ | } ~

Knitting Around

There has been knitting! And studying, but that isn’t very interesting, so back to the knitting! I recently finished my first shawl, based on the pattern ‘The Sunlight Shawl for Sad People‘ which is on Ravelry. The shawl still needs to be blocked, but I am very happy with it! I was going to block it last week, but after unwrapping my new rubber mats and being overwhelmed by the obnoxious smell of them, I put the mats in the garage and will wait a bit. The shawl is on the right in the photo below. Obviously I need to learn the art of photographing knitted items. Hmmm.

Yesterday I cast on for ‘Wingspan‘ another pattern that can be found on Ravelry. I am making this with Schoppel’s Zauberball yarn in the Frische Fische colour (left in the photo). I am using it as my dissertation (long project) for Nerd Wars on Ravelry. The colours of the yarn remind me very much of the Sixth Doctor’s frock coat, and as I am on Team Tardis, that fits perfectly! The Doctor thought his outfit was the “height of sartorial elegance” and I think my shawl will be, too!

More knitting to come!

Making Whoopies

Whoopie Pies

Now that I have more free time while on holidays, I’ve been doing some extra cooking and baking. Last weekend I made Whoopie Pies for the first time. Verdict? Yumm! I used my lovely little whoopie Pie/Macaron tray from Christmas. I filled each hollow a little too much I think as my pies were kinda mushroom shaped, but that made a nice well for extra filling! And they were so very yummy!

Last night I used the leftover stock from the previous nights chicken, corn and zucchini casserole. I added some roasted butternut pumpkin and a generous amount of spinach, blending the stock and spinach before adding the pumpkin. The stock was creamy from added sour cream but after sitting in the fridge overnight it became even creamier. Some of the creaminess was also from the collagen that came out of the chicken bones – very thick and toothsome, as Nigella Lawson might say. Such a yummy soup! Will make again.

Of Stock, MacGyver and Flu

Typical, get thinking about posting regularly again and then get the flu badly! The last week has been full of trying to get rid of the flu and laying on the lounge chair watching daytime tv – something I only do when I am sick. Yay for repeat episodes of MacGyver! Did you like MacGyver? I loved it…and pretty much everything else Richard Dean Anderson was in, especially Stargate SG-1. If you also like MacGyver, you might enjoy the MacGyver Lexicon.

I am currently making chicken stock for tonight’s Chicken and Fennel risotto! OmNomNom. I should return to cooking dinner lest I burn it!

Vulnerability and Shame

Ah, Friday. Best time of the week, I think. You have Friday evening, and then there is still all of Saturday and Sunday to come! I am chilling out watching some music videos on YouTube currently. After buying Darren Hayes‘ recent album, Secret Codes and Battleships, I have also been listening to his older albums and his music from Savage Garden days. So much good music!

Thinking on my lack of updating on here, and, well my lack of most creative pursuits, I realised that what stops me is my wanting to always be perfect. Whatever I do MUST be perfect. No mistakes. But really, that isn’t possible (and when I checked this post for mistakes, I had typed ‘that isn’t impossible’ hmm). I may want to keep everything all tightly wrapped and perfectly formed, but life isn’t like that. And living that way, you miss out on so much of life’s special wonders. There is no way to control everything, you need to learn how to let go of the things you cannot control. To do the best you can with what you have. And by ‘you’, I mean ‘me’!

I’ve watched a couple of Brené Brown’s talks (1 & 2) from TED recently, and her research and her message struck a cord. Shame and vulnerability. For me, they are a big part of my perfectionism. I don’t like to feel vulnerable, which is how I feel if I do things that won’t be/aren’t perfect; plus I feel great shame when my results, or even my actions, are the opposite of perfect. I don’t want to show vulnerability or face my shame. But in reality, I need to do both to move forward, to grow. I am inspired by Brené’s statement that “Vulnerability is our most accurate measurement of courage”.

It always seems better to wrap up the shame, the things I perceive to have done wrong or not perfectly and cocoon them into a ‘hidden’ ball. But then they just snowball and the layer around them gets bigger and bigger until they start to hinder future goals. Like a roadblock. A landslide. A wound. A splinter.

But how to you learn to not be so caught up in perfectionism? How do you face the shame and let it go? How do you learn to be vulnerable, but go forward anyway?

Some of my thoughts come from waiting for the results from my cataloguing assessment which was completed on Wednesday just gone. A big part of me wants it to be 100% marks or it is a failure. Another recent assessment saw me obtain 42 out of 50. My first thought was that it equalled failure. Not good enough. Silly, I know. But…

Do you also want to have all your creations be perfect? Or have you learnt how to let go of that need to be perfect? Have you discovered how to let go of shame? Please share! You can email me at alyshajane@gmail.com, if you’d prefer to respond that way!

Catablogging

I really do need to do something about this blog, don’t I? I’m back to study at Tafe and have been very busy with study and learning. The perfectionist in me demands full marks or as close as possible, which means a lot of study! I enjoy it! Pippin keeps me company and helps me notice the important sections! hehe

Pippin and I, studying Marc21

If anyone is still visiting this blog aside from the Googlebot, what did you or do you, enjoy about my writing and blog? Now that I have my schedule more in hand, I think I will get back to blogging. Would the occasional library related post bore you? Or perhaps those are better elsewhere on a dedicated blog. Hummm.

Hello, again! I should have said that first. How have you been, dear reader?

Librarian Girl

As you may guess from the title, dear reader, I have decided to complete my Library and Information Studies course ( I may have previously alluded to this). I had gone back to web design for a year but found my heart just wasn’t in it and I was completely sick of demanding, rude clients who thought they could take as long as they wanted to pay invoices. Do not want! Some of my current subjects are Cataloguing, Acquisitions, Databases and Information Research. Those are not the exact class titles, but sum up each class quite nicely. When I finish, I would love to find work in the Cataloguing/Archival areas.

Now that design can be for fun, I’m slowly starting to find my creative spirit again, particularly in terms of my own sites. This site will likely change a bit, every now and then, as I tweak the design and get it to look just so. In working on this site, I was browsing through my archives and discovered that on March 20, I will have been blogging for twelve years! There have been a few pauses in there, but hey – I’m still one of the early bloggers from before Blogger itself and even the ability to post a comment on a blog! That dates me a bit, too!

With some travel time each week, I’ve gone back to working my way through The Dark Tower series by Stephen King. I’m almost up to the end of the second book; no spoilers, please! It is amazing how fast time flies once I start reading, I’ve almost missed my stop a couple of times.

I shall post a few photos next post; some of the Kittens who are growing in leaps and bounds (or should that be fluff and meows?) and also some general snaps, including some of my latest stitching project. Mmmm stitching, I think I shall do some tonight!