Tuesday, 24 September 2013

HTML



What is HTML ?

- HyperText Markup Language (HTML) is the main markup language for creating web pages and other information that can be displayed in a web browser.
- HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the web page content. HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, further tags, comments and other types of text-based content.
- The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.
HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages.
Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML.[1]

Ways to use HTML
  1. First, some information about HTML:
    To program in HTML we use "tags". They are the ones that give format to the text that is going to appear in your website, make tables, insert images, etc.
    A tag goes between this symbols "< >", like this <xxx>.
    Everything else that is not between "< >" is what is going to appear in the website.
    There are two kinds of tags: open and close.
    Open tags have just one key word, for example: <xxx> .
    Close tags (the most common ones) have two key words, the last one goes at the end of the sentence you want appear in the website and have the symbol "/", for example:
    <yyy> hi, my name is Dane </yyy>.



  2. Open a new notepad document


  3. Type
    <html>
    <body>
    Welcome to my first web site
    </body>
    </html>


  4. Save the document with any name you like but with the extension: .html, like this: website.html
    if you don't save it like this is not going to work!


  5. Go to the folder where you save the document, there you will found the document with the IExplorer symbol.


  6. Open it and it's going to look like this:


  7. Experiment with new tags. here's a list of the most common tags:



    • BOLD: < b > hello < /b > ----> hello


    • ITALIC: < i > hello < /i > ----> hello


    • UNDERLINE: < u > hello < /u > ----> hello


    • FONT COLOR: < font color="f11a0a" > hello < /font > ----> hello


    • SPACE BETWEEN LINES (enter): hello < br > how are u? ----> hello
      how are u?


    •                                       Elements in HTML


Elements of HTML
Example
List
http://www.echoecho.com/htmllists01.htm



Link
http://www.echoecho.com/htmllinks01.htm



Image
http://www.echoecho.com/htmlimages02.htm


No comments:

Post a Comment