HTML

Hypertext markup language, which is also known as HTML, is a standard markup language used to create web pages. HTML elements are like the building blocks of all websites. It creates the structure for documents through the use of tags enclosed in angle brackets. Through the use of this syntax, you can create headings, paragraphs, lists, links and even embed images and other objects.

HTML is not a programing language; instead, because HTML describes the structure of a website it is a markup language. HTML markup is comprised of several components, including tags, attributes, data types, character references and entity references. Tags usually come in pairs, consisting of an opening tag and a closing tag. There is, of course, some tags such as the image tag, which are not matched up with another. Attributes of elements, more often than not, are name-value pairs written within the start tag after the elements name separated by “=”. Data types are used for element content like script data and for attribute values. Character entity references allow individual characters to be written by using simple markup instead of literally typing them out. A literal character and its markup are considered the same and are rendered equally.

Example:


(image via http://www.w3schools.com/html/default.asp)
Practice HTML
HTML Tutorial Video

CSS

CSS works in correlation with HTML. Whereas HTML is the structural aspect of a website, CSS is the design aspect. CSS stands for cascading style sheet and it is a style sheet language used for the appearance of websites written in a markup language. Along with HTML, CSS is one of the foundation technologies used by most websites to create a well-designed site, user interfaces for web applications, and even for many mobile applications.

CSS includes aspects like layout, colors, and fonts. Using CSS you can manipulate the layout of every aspect of a HTML document. Margins, padding, images, and positioning are some of the ways to manipulate part of HTML documents such as paragraphs, headings, unordered lists, and more. Design can make or break a website. A big part of the design is the color scheme. Using CSS you can change the colors of backgrounds, text, borders, shadows, and more. Fonts are another very important part of the design. Through CSS, you can change fonts and even import more fonts from outside sources.

Example:


(image via http://www.w3schools.com/css/default.asp)
Practice CSS
CSS Tutorial Video


The source of information used in this site was derived from wikipedia.org