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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s