HTML Training Resources
Below you will find useful how to HTML tutorials. We also run HTML and CSS classes in Chicago and Los Angeles.
How to Apply CSS to HTML Tags
In my HTML/CSS class at Training Connection we learn different ways of adding CSS styles to our HTML documents. There are benefits and drawbacks of each method available but first let's make sure we understand what a CSS Style is and why we use them. Read more.
How HTML Heredity Works
Heredity is the passing of traits from parents to their offspring. Ok, that's part of the dictionary definition, but what does this have to do with HTML? Did you know that there is heredity being passed down through our HTML tags? Well, heredity, as in "passing of traits", or in this case, properties. Read more.
How HTML Specificity Works
What is CSS Specificity? Specificity in CSS is the way a browser will determine which declarations are applied to HTML elements when there is a conflict from multiple rules. Ok, so what does that mean exactly? Let's look at an example: Read more.
Sprite Sheets in HTML/CSS Part 1
Images are used all over a typical web page; for the logo, as icons, badges, buttons, and of course regular pictures. Some may have special effects such as rollover changes. A responsive page may swap out a smaller image with a larger one as the screen size increases, and vice versa. Read more.
Sprite Sheets in HTML/CSS Part 2
In this part we look at how to create rollover effects using sprite sheets and how to create your own sprite sheet. Using sprite sheets in rollover effects is also pretty easy. First, create a sprite sheet (explained below) that contains both the inactive and active states of the rollover. Read more.
Using HTML Reset Stylesheets
One of the challenges in web design is in making your pages look consistent across the different browsers. Every browser has a user agent stylesheet which it uses to provide default style values when rendering a web page. In the absence of any other style rules, the browser falls back to the user agent stylesheet values to "fill in" missing property values. Read more.
Creating a Full-Height Web Page Layout
A common issue that comes up when creating web pages is what happens when the content on a page is smaller than the screen height. For example, take a look at the following simple layout: Read more.