#4 HTML Hunting in the World Around You

Ok, so fourth challenge is like when teacher in school said “kids the homework is to study from page x to y”.

Most of us never studied but then regretted it, so for those that are lazy to go to MDN and search for the tags, I give you a quick solution. Each tag have a quick explanation of what it does, and is linked to the respective MDN article. I didn’t write any of the following texts, its all MDN’s creation. Enjoy :)

<div> : Document Division, it can be used to group elements for styling purposes or because they share attribute values.

<blockquote> : Block Quotation, indicates that the enclosed text is an extended quotation.

<p> : represents a paragraph

<ol> : ordered list, represents an ordered list of items. Typically, ordered-list items are displayed with a preceding numbering, which can be of any form, like numerals, letters or Romans numerals or even simple bullets.

<ul> : unordered list, represents an unordered list of items, namely a collection of items that do not have a numerical ordering, and their order in the list is meaningless. Typically, unordered-list items are displayed with a bullet.

<li> : List item, is used to represent a list item. It should be contained in an ordered list, an unordered list or a menu.

<nav> : Navigation, represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

<menu> : menu, represents an unordered list of menu choices, or commands.

<span> : it can be used to group elements for styling purposes or because they share attribute values. <span> is very much like a <div> element, but <div> is a block-level element whereas a <span> is an inline element.

<time> : time, represents either time on a 24-hour clock or a precise date in the Gregorian calendar (with optional time and timezone information).

<q> : quote, indicates that the enclosed text is a short inline quotation.

<img> : image, represents an image to the document.

BTW, don’t forget to comment if you have any suggestion, or if you liked it and made your study session easier. :)

#3 Choose Your Weapon

Hi again,

I have to start by saying that I’m using Linux, Ubuntu 11.10 and it’s just great! :)

And now school of webcraft gives me the challenge to choose my HTML editor…well, it’s more like in Harry Potter, “The editor chooses you”.

So, they gave me 3 editors to “choose” from: gedit, Kate and Bluefish. I didn’t try Kate but I leave a Link for the curious.

gedit: Good old gedit, easy as it gets to use, coloured tags and I’ve heard there are mods to make it even better!

Bluefish: Knew about it, but don’t know why, I never tested it and now that I did, I really liked it. Installed it from the Ubuntu Software Center, and it was ready to use right out the box. Very easy to use ( although not “gedit easy” ), “View in Browser” button, no configurations really needed for basic html use, insert table functions and a lot of wizards for the new developers which gives the feeling of a very short and soft learning curve. I really recommend it.

Other software I use is Aptana, which is a full featured IDE ready for web developing. Can be downloaded as a Standalone version or a plug-in for those that already have a working eclipse installation. Recommended for those, that are completely comfortable with any editor for more professional use.

Try them, and comment your experiences with any of them.

#2 Writing HTML by Hand

This handwritten code scan is for the 2nd challenge of the mozilla’s School of Webcraft. Nothing new for me, written a lot of code in school, but this actually was the second attempt ahah, made a grammatical error on the first :) … and on this one too actually -_- …

Comment if you can spot it :)