#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