Sunday, January 29, 2012

Dreamweaver: Basic HTML Coding

After watching the Learn by Video DVD, I learned some new things about HTML. HTML is a series of tags that the browser (e.g. Firefox, Internet Explorer) uses to create a webpage. The tags are placed before, after or in-between text sections. If you look at the screenshot below, you will notice that there is a 'tag' then the title of the webpage, Welcome to Dreamweaver, and then a closing tag. Each tag is enclosed between a left angle bracket and a right angle bracket. Most tags have closing tags, which have a forward slash, which is basically like cutting of the tag. The closing tags look like this: left angle bracket, forward slash, name of tag, right angle bracket. Some tags do not have closing tags.

I didn't know that you could see the HTML coding in any webpage, so that was interesting to find out.

HTML every webpage needs:
-DOCTYPE: allows the browser to display the page
-opening/closing HTML tags: this is what all of the page content is going to go between
-meta tag: determines what characters are used to display the text
-title: every webpage needs a title, and this shows up in the top bar of the browser
-body: what the user actually sees when viewing the webpage
-head: what the browser needs to pull information from CSS/Javascript

All of these are automatically put into Dreamweaver when you create a webpage.