WEB-APP HTML Introduction

 

  • HTML POWERPOINT
    • Slides 1-8
  • Introduction to HTML Tutorial
  • What can I use HTML for?
    If you want to make websites, there is no way around HTML. Even if you’re using a program to create websites, such as Dreamweaver, a basic knowledge of HTML can make life a lot simpler and your website a lot better. The good news is that HTML is easy to learn and use. In just two lessons from now you will have learned how to make your first website.
    HTML is used to make websites. It is as simple as that!

    Okay, but what does H-T-M-L stand for?
    HTML is an abbreviation of “HyperText Mark-up Language” – which is already more than you need to know at this stage. However, for the sake of good order, let us explain in greater detail.

    • Hyper is the opposite of linear. In the good old days – when a mouse was something the cat chased – computer programs ran linearly: when the program had executed one action it went to the next line and after that, the next line and so on. But HTML is different – you can go wherever you want and whenever you want. For example, it is not necessary to visit MSN.com before you visit HTML.net.
    • Text is self-explanatory.
    • Mark-up is what you do with the text. You are marking up the text the same way you do in a text editing program with headings, bullets and bold text and so on.
    • Language is what HTML is. It uses many English words.
    • http://html.net/tutorials/html/lesson2.php

    So, I always need an opening tag and a closing tag?
    As they say, there’s an exception to every rule and in HTML the exception is that there are a few elements which both open and close in the same tag. These so-called empty elements are not connected to a specific passage in the text but rather are isolated labels, for example, a line break which looks like this: <br />.

    Should tags be typed in uppercase or lowercase?
    Most browsers might not care if you type your tags in upper, lower or mixed cases. <HTML>, <html> or <HtMl> will normally give the same result. However, the correct way is to type tags in lowercase. So get into the habit of writing your tags in lowercase.

CSS Introduction

What Are HTML & CSS?
HTML, HyperText Markup Language, gives content structure and meaning by defining that content as, for example, headings, paragraphs, or images. CSS, or Cascading Style Sheets, is a presentation language created to style the appearance of content—using, for example, fonts or colors.

The two languages—HTML and CSS—are independent of one another and should remain that way. CSS should not be written inside of an HTML document and vice versa. As a rule, HTML will always represent content, and CSS will always represent the appearance of that content.
http://learn.shayhowe.com/html-css/building-your-first-web-page/

 

  • What is CSS?
    • CSS stands for Cascading Style Sheets
    • CSS defines how HTML elements are to be displayed
    • Styles were added to HTML 4.0 to solve a problem
    • CSS saves a lot of work
    • External Style Sheets are stored in CSS files

css syntax image