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.
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.
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 concepts
Audience 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
Mobile first, unobtrusive JavaScript, and progressive enhancement
"Mobile first", unobtrusive JavaScript, and progressive enhancement (strategies for when a new site design is being considered) are related concepts that predated RWD: browsers of basic mobile phones do not understand JavaScript or media queries, so the recommended practice is to create a basic web site, and enhance it for smart phones and PCs—rather than try graceful degradation to make a complex, image-heavy site work on the most basic mobile phones.
Progressive enhancement based on browser-, device-, or feature-detection
Where a web site must support basic mobile devices that lack JavaScript, browser ("user agent") detection (also called "browser sniffing"), and mobile device detection[16][19] are two ways of deducing if certain HTML and CSS features are supported (as a basis for progressive enhancement)—however, these methods are not completely reliable unless used in conjunction with a device capabilities database.
For more capable mobile phones and PCs, JavaScript frameworks like Modernizr, jQuery, and jQuery Mobile that can directly test browser support for HTML/CSS features (or identify the device or user agent) are popular. Polyfills can be used to add support for features—e.g. to support media queries (required for RWD), and enhance HTML5 support, on Internet Explorer. Feature detection also might not be completely reliable: some may report that a feature is available, when it is either missing or so poorly implemented that it is effectively nonfunctional
Responsive HTML or Web Design:
» Structure of HTML
» Basic HTML Tags
» Advanced HTML Tags
» Difference between HTML & XHTML
» XHTML Basics
» Introduction to Doc Types
dobe Dreamweaver
» 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 layout
» Responsive images, navigation
and typography
» 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