Web Application Development

Chapter 1: Basic HTML

     1. Introduction
     2. Design of Web Pages
     3. Markup Language
     4. Developing HTML Documents
     5. HTML Document Structure
     6. HTML Tags and Categories
     7. Document Structure Tags
     8. Text and Tags
     9. Link and Tags
     10. Anchors
     11. <base> tag
     12. Meta data and tags
     13. Special Charators
     14. Building Web Pages
     15. Hierarchy of Web pages
     16. Tutorials
     17. FAQs
     18. Summary

1. Introduction

• Web pages are written using HTML
• Two key concepts of HTML are hypertext (Link Web pages together) and markup (embeds special tags in web pages to structure and format)
• A web pages, regardless of how complex it looks, can have maximum of eleven elements, They are text, hyperlinks, color, list, images, image maps, sound, video, forms, frames, and tables.
• HTML supports all the MIME extensions

2. Design of Web pages

• A web page is content and design. The design should enhance content presentation
• Page design is related to the goal of the page whether it is to sell a product or convey information
• When designing a web page, web authors should take advantage of HTML power such as link, color, etc.

3. Markup Language

• HTML markup language uses tags
• HTML tags convert web page design into an actual web page that can be viewed in a browser
• HTML tags surround pages content to format it
• Browsers render HTML tags and display their result 
• The generic format of an HTML tag is <tag_name> content goes here</tag_name>
• Many HTML tags have attributes to provide finer control of the tag formatting results.

4. Developing HTML Documents

• Bottom-up approach: write HTML code in a text editor, and then view the web page in a browser
• Steps:
• Open a text editor
• Enter text and tags
• Save file as xxx.html
• Open the file in a browser to view the web page
• Repeat above steps if you need to debug the page 

• Top-down approach: build the web page elements using an HTML editor, and then view the HTML code later:
• Steps:
•  Open a text editor
• Add HTML elements using the editor's GUI
• Save the automatically generated HTML doe in a file as xxx.html
• Exit the editor and view the page