Thursday, April 12, 2007

Introduction to HTML and CSS

HTML and CSS

What is HTML? It stands for HYPERTEXT MARKUP LANGUAGE

In basic terms, HTML is the foundation and structure of the internet or the World Wide Web. Behind every webpage there is a code written to give that page structure and meaning.

What is CSS? It stands for Cascading Style Sheets

CSS is what gives our webpages its look. It is a presentation language that adds a consistent style and format to the HTML structure.

Common HTML terms can be found here.

HTML works with tags, elements and attributes.

"Tags" tell the web browser what to do. They start and end with angle brackets. (< and >)...inside the angle brackets are called "elements". Elements designate the type of tag.

For instance, every webpage begins with and HTML tag:

Your entire webpage fits between the HTML tags: <html> webpage </html>...notice the ending tag has a forward slash. 

Some common ones: like a paragraph = p; or a bold font = b; or a page division = div; or a biggest headline = h1; or a smallest headline = h6

A basic HTML document looks like this: (#1, 2, and 4 are not necessary to write when making a BASIC html document.)
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head> --This gives information to the browser about our document.
  4. <meta charset="utf-8">
  5. <title> This is where web browsers locate your page </title>
  6. </head>--This is the closing head element.
  7. <body>--This is where all your webpage content exists.
  8. <h1>Hello World</h1>--This is the largest headline tag.
  9. <p>This is a website.</p>--This is the paragraph element.
  10. </body>--This closes the body element.
  11. </html>--This closes the html document.















No comments:

Post a Comment