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> </h1> although some tags represent empty elements and so are unpaired, for example . 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.
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.
XHTML or HTML5
Responsive Web design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors)
A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule.
Related conceptsAudience and Device Aware (ADA)
Audience and Device Aware is an approach aimed at ensuring that a site is optimised to deliver what a user wants and that works effectively on the device being used to access the site. Unlike Responsive web design (RWD), which crafts a site visually for a range of devices, ADA aims to reflect the many different elements that enhance and impact on the performance and usability of a site. The predominant application for the ADA approach is for mobile and smaller screen devices. The principle truly sees the adoption of a “mobile first” strategy and focuses on the performance of a site and value that it delivers to a user and the business
Progressive enhancement based on browser-, device-, or feature-detection
Responsive HTML or Web Design:
» Structure of HTML
» Basic HTML Tags
» Advanced HTML Tags
» Difference between HTML & XHTML
» XHTML Basics
» Introduction to Doc Types
» Introduction to Adobe Dreamweaver
» Learning the Interface
» Tools in Dreamweaver.
» Defining a Dreamweaver site
» Adding Content and Multimedia.
» Creating user submission forms.
» Using Spry Elements
» Importing a website design
» Using DWT Template
» Laying out a Page with HTML5
» New Features of HTML5
» Sections and Articles
» HTML5 Audio and Video
» HTML5 Forms
» HTML5 New Form Attributes
» HTML5 New Form Field Attributes
» New Form Elements
» HTML5 Web Storage
» HTML5 Canvas
» Integrated APIs
» Introduction of Responsive HTML
» Coding for the Web
» Viewport, media queries and
» Responsive images, navigation
» Responsive tables, forms and video Etc..
» Types of Style Sheets
» Types of CSS Selectors
» CSS properties
» Converting Table layout to CSS
» Custom CSS Layout Design
» Creating simple and dropdown menus
» Creating Appealing forms using CSS
» CSS Tips and Optimization
» Techniques Compatibility Testing
» Various Browser Versions
» Validating the XHTML & CSS
» Common Compatibility Issues