Frank the Crooner

HTML Lesson 1

By some miracle, both babies are alseep, so let’s get to work before they wake up! Playing bubbles must have worn them out:

HTML has a basic structure that might look daunting at first glance:<!/ h1>

 sample HTML Code:DOCTYPE html

frankcode

       Let’s break down the code together.

< > and </> —- these angle brackets are called “tags” and when we place certain commands or words inside, the browser will understand you are providing prompts to display some text or graphics in HTML. There are two sets < > are used at the beginning of a line of code, and the backslash </> closes the tag. This closing tag is needed to indicated to the computer that you are finished with a section or paragraph of text or graphics.

<!–DOCTYPE html> — The computer needs to know what type of file you are creating, so here you delcare doctype html within the <>. Easy enough.

< head > — Just like this happy crooner, (Let’s call him Frank) HMTL code has a head and a body.


crooner-154620_1280
The head is the identifying part of Frank. In HTML, the < head > tag is where you can store information regarding your webpage, such as the title of the page, a link to the style sheet, or metadata, which will be necessary for Google and other search engines to find and track your page.

< body > — the body tag will have all the additional text and graphics that you want to include in your webpage. It will have a lot of additional tags for your site content that I will outline in my next post. Stay Tuned! (and yep, the kids are awake!)Frank

Advertisements

HTML5: Week 1 Review

NYCIn my last post, I suggested trying out the EdX.org course on HTML5. I started it this week, and it wasn’t exactly what I was expecting, but I am still plugging away at it. It is definitely not a course for HTML beginners. Instead, it is assumes you have a solid foundation of the basic HTML. Most web designers are using HTML4 (although it is not really called that). HTML5 was released last year, and it was the first revision of the language since 1998. So much has changed in the tech world in 15 years, so the developers of HTML thought it was time to also revise HTML. HTML5 attempts to streamline and fix certain aspects of the HTML code that everyone currently uses.

For example, a large focus of this week’s material has been on the new structural elements. In the normal HTML(non-html5) code, the

tag (which stands for division) is the commonly used tag for dividing up a page into sections. If you wanted a header section, a sidebar for navigation, and a regular “body” section, you would create a div for each part. Now, with HTML5, you could simply use “header” “footer” and “nav” tags instead of making them div tags.

Additionally, the course contains mostly pages and PDFs to read and work through, not videos as I was expecting. That is okay, just different than the other online courses I have used. I haven’t taken the quiz yet so I’ll check back in when I have the results!