Welcome to the
Web Design Workshop
HTML and CSS basics
What HTML code looks like
How to use HTML
Common HTML elements
What CSS code looks like
How to apply CSS to HTML elements
Next →
0:
Introduction
1:
Pages are made of HTML
2:
What software do you need to make HTML pages?
3:
HTML tags
4:
Standalone tags
5:
Tags have attributes
6:
Other common HTML tags
7:
A closer look: <h1>...</h1> (headings)
8:
A closer look: <p>...</p> (paragraphs)
9:
A closer look: <div>...</div>
10:
Introducing HTML lists
11:
Unordered lists: <ul>...</ul>
12:
Ordered lists: <ol>...</ol>
13:
Definition lists: <dl>...</dl>
14:
Nesting lists
15:
Enough already, let's make a page!
16:
Saving HTML pages
17:
Special case: index.html
18:
What about links?
19:
The anchor tag: <a>...</a>
20:
CSS: Give your page some style
21:
Applying rules to specific tags
22:
Id: another selector
23:
Apply styles on hover: the pseudo-class selector
24:
Apply styles to elements within elements
25:
Multiple rules per style
26:
Linking a stylesheet to an HTML page
27:
Enough words, show me action!