Part I - Learning about HTML and CSS
Definitions and Concepts
Learning web design is not as difficult as some people may think. If you are a small business owner and don't have a website yet, now is the perfect time to do so.
Step-by-Step Process
This website takes you through the whole process of building a website. Part I of the process is learning about HTML and CSS. Once you have an understanding of both, you will see how they work together to create professional looking websites.
Topics Covered
- HTML Definitions
- HTML Concepts
- CSS Definitions
- CSS Concepts
HTML Fundamentals
Here is just a brief overview of HTML fundamentals before going into definitions and concepts
- Element - includes everything within an HTML tag (attributes, values and content)
- Tag - element name
- Attribute - HTML modifier
- Value - a value applied to an attribute
Example:
<tag attribute="value">element content</tag>
Both in my website and in my book, I distinguish actual HTML code by enclosing the code in a yellow box and use the font of courier new. This is a guide so that you know that the yellow box represents HTML code.
Example:
<body>
<h1>Title to Website</h1>
<p>Here is my first paragraph</p>
</body>
CSS Fundamentals
To give a brief overview of CSS syntax. There are three main parts.
- Selectors - the element being selected
- Properties - the aspect of the element being styled
- Values - the style being applied
Example:
selector { property: value; }
There is obviously a lot more to HTML and CSS than just the above. It is just a quick overview of the syntax to both HTML and CSS. I suggest starting with HTML first and then go on to CSS.
Both in my website and in my book, I distinguish actual CSS code by enclosing the code in a green box and use the font of courier new. This is a guide so that you know that when you see a green box, the code within it represents CSS code.
Example:
h1 {
font-size:18px;
color:blue;
}
Next Step
The choice is yours. If you would like to start the course, then click the button below. If you would like to read more, then pick up my book and read about it during your spare time.