HTML and CSS Intro

//HTML and CSS Intro
­

What is HTML and CSS

Introduction to HTML and CSS, the two major languages that are used to build web pages.

June 20th, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

Build the first webpage

A basic example of HTML code and how it looks like on browsers.

June 21st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

Let’s add some CSS

How CSS can change the appearance of an HTML page?

July 1st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

HTML declarations

HTML declarations from old HTML versions to the latest HTML 5

June 21st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

HTML elements

Introduce what are starting elements, ending elements, nested elements and empty elements.

June 21st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

HTML attributes

Introduce what HTML attributes are and some common attributes

June 21st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

Different ways to add CSS

Three different ways to add CSS: Separate style sheets, Inline styles, internal style sheets

July 2nd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , |

Type, Class and ID selectors

Basic selectors such as tag, id and class selectors

July 2nd, 2016|Categories: CSS Selectors, HTML and CSS Intro, Learn HTML and CSS|Tags: , |

The first HTML document

Pure hello world HTML page

June 5th, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

Simple HTML page with some CSS

Simple HTML example that changes the position of text and background color with CSS

July 1st, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

Empty HTML elements

Examples of empty HTML elements (br, button input and text input).

July 2nd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

HTML element attribute examples

Examples of some common HTML element attributes, such as lang, description and href.

July 2nd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

External CSS file

Put CSS in a separate file and let's HTML use the styles via reference.

July 2nd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

Internal style sheet

Example of how to put internal CSS in the HTML document.

July 3rd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

Inline style example

Specify CSS as the style attribute of an HTML element.

July 3rd, 2016|Categories: HTML and CSS Intro, Learn HTML and CSS|Tags: , , |

Type, Class and ID selectors

Introduce the three common CSS selectors

July 3rd, 2016|Categories: CSS Selectors, HTML and CSS Intro, Learn HTML and CSS|Tags: , , |