Skip to content Skip to navigation

OpenStax_CNX

You are here: Home » Content » HTML, CSS and JavaScript

Navigation

Lenses

What is a lens?

Definition of a lens

Lenses

A lens is a custom view of the content in the repository. You can think of it as a fancy kind of list that will let you see content through the eyes of organizations and people you trust.

What is in a lens?

Lens makers point to materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.

Who can create a lens?

Any individual member, a community, or a respected organization.

What are tags? tag icon

Tags are descriptors added by lens makers to help label content, attaching a vocabulary that is meaningful in the context of the lens.

This content is ...

In these lenses

  • CSS display tagshide tags

    This module is included inLens: CSS - Cascading Style Sheets
    By: Hannes Hirzel

    Comments:

    "About the relationship between HTML, CSS and JavaScript."

    Click the "CSS" link to see all content selected in this lens.

    Click the tag icon tag icon to display tags associated with this content.

  • HTML-CSS display tagshide tags

    This module is included inLens: HTML, XHTML and CSS
    By: Hannes Hirzel

    Comments:

    "Shows how HTML, CSS and JavaScript play together. Link to Google course."

    Click the "HTML-CSS" link to see all content selected in this lens.

    Click the tag icon tag icon to display tags associated with this content.

Recently Viewed

This feature requires Javascript to be enabled.

Tags

(What is a tag?)

These tags come from the endorsement, affiliation, and other lenses that include this content.
 

HTML, CSS and JavaScript

Module by: Hannes Hirzel. E-mail the author

Summary: This module contains a link to Google basic video lectures about creating web applications using HTML, CSS and JavaScript.

The three technologies HTML, CSS and JavaScript are used together to create web pages and web applications.

Web technologies

  • HTML for content and structure
  • CSS for presentation
  • JavaScript for behavior

Structure of a web page with HTML, CSS and JavaScript code

If the code with CSS and JavaScript is long or not specific to the current web page it may be put into separate files. The HTML page then will refer to them by using references like <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> (more).

Structure of a web page with CSS and JavaScript files

The 'Google Code University' web site contains video lectures with a basic introduction to HTML, CSS and JavaScript.

The video lectures introduce each technology and give an example how they work together. Continue with http://code.google.com/edu/submissions/html-css-javascript/#introduction

Alternatively you may use the introduction at http://www.codecademy.com/.

Further reading

Module 'HTML5' shows how a simple HTML file looks like.

Module CSS - Syntax and Declaration shows how to write a basic Cascading Style Sheet (CSS) rule and how to attach it to an HTML page.

Content actions

Download module as:

PDF | EPUB (?)

What is an EPUB file?

EPUB is an electronic book format that can be read on a variety of mobile devices.

Downloading to a reading device

For detailed instructions on how to download this content's EPUB to your specific device, click the "(?)" link.

| More downloads ...

Add module to:

My Favorites (?)

'My Favorites' is a special kind of lens which you can use to bookmark modules and collections. 'My Favorites' can only be seen by you, and collections saved in 'My Favorites' can remember the last module you were on. You need an account to use 'My Favorites'.

| A lens I own (?)

Definition of a lens

Lenses

A lens is a custom view of the content in the repository. You can think of it as a fancy kind of list that will let you see content through the eyes of organizations and people you trust.

What is in a lens?

Lens makers point to materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.

Who can create a lens?

Any individual member, a community, or a respected organization.

What are tags? tag icon

Tags are descriptors added by lens makers to help label content, attaching a vocabulary that is meaningful in the context of the lens.

| External bookmarks