- January 19, 2015
- Posted by: Cody
Introduction To CSS
A Cascading Style Sheet, or CSS for short, works as a template for the website. Instead of you having to code each individual page, a single CSS template allows you to code fonts, backgrounds, colors, text formatting, links, page alignment and more. Basically, if it’s a style element you want on every page, it’s quicker and easier to do it all in one sheet. You can use multiple style sheets throughout the site.
Code for CSS can be placed internally within your HTML between STYLE tags within your HEAD tags. It can also be referenced externally much like you’d link to any other file, but still within the HEAD tags.
Introduction To HTML
HTML is usually the first language a web developer learns. While simple, the right combination of tags and structure is all that’s needed to create a great website. At it’s most basic, you use HTML, HEAD, TITLE and BODY tag pairs. You don’t need fancy software to use HTML. Any text editor will do. The key thing to remember is to always close any open tags with /tagname. Nearly every website utilizes HTML as it’s universally recognized.
First, decide what you want the site to look like and create a CSS file in a text editor. The code can easily be copied into your HTML file later. Remember, CSS can be internal (same file as the HTML) or external (separate file referenced within the HTML file).
Next, complete all your desired HTML code to add text, specific images, menus and more. These are the items that’ll be formatted once you incorporate the CSS. Once you’re done, add in the CSS file or code within your HEAD tags. This adds in all your style elements. The same CSS code can be used within multiple HTML files.
Coding isn’t just one language. It’s a variety of languages and language variations working together to create a single project. When used properly, the mixture is the foundation for nearly every website you see.