The Absolute Beginner's Guide to HTML and CSS

Written as an illustrated, step-by-step guide for beginners, this book will introduce you to HTML and CSS with lab exercises and examples of code.

You'll begin by setting up the development environment such as local web server and html editor. The next few chapters cover web servers, the basics of HTML such as language syntax, tags, and how to write a program. Next, you'll learn how to put together simple web pages demonstrating how the code works and how to use various HTML tags and CSS to style the pages. Finally, the use of CMS to build websites such as Drupal and WordPress and how HTML and CSS fits in. At the end there are reference libraries for both HTML tags and CSS.

The Absolute Beginners Guide to HTML and CSS provides you with the tools, confidence, and inspiration to start building web pages and websites. If you are a programmer, developer or a student, or just someone who wants to learn on their own, this book is for you.

WHAT YOU'LL LEARN

* Understand basic computer programming concepts
* See how to use HTML and CSS to build web pages
* Apply the syntax of HTML and CSS
* See how HTML and CSS fits into CMS systems such as Drupal and WordPress

WHO THIS BOOK IS FOR

Software programmers, developers, students, and anyone who wants a quick reference for HTML and CSS

With over 20 years’ experience in the computer industry, Kevin Wilson has made a career out of technology and showing others how to use it. After earning a master's degree in computer science, software engineering, and multimedia systems, Kevin has held various positions in the IT industry including graphic & web design, digital film & photography, programming & software engineering, developing & managing corporate networks, building computer systems, and IT support. He currently teaches computer science at college and works as an IT trainer in England while researching for his PhD.

1) WHAT IS HTML?

Structure of an HTML File

HTML Element Structure

Hypertext

Where are the HTML Files Stored?

HTML 5

What is CSS?

What is a URL?

Web Servers

Development Tools

2) GETTING STARTED WITH HTML

Setting Up

Tags for Formatting Text

Headings

Paragraphs

Bold Text

Italic Text

Adding Images

Understanding Images Dimensions

Image Alignment

Adding Tables

Adding Links

Using Images as Links

Adding Lists

Unordered List

Ordered List

Creating Forms

Input Types

Text Fields

Text Area

Radio Buttons

Select Lists

Labels

Submission Method

3) ADDING MULTIMEDIA

Adding Video

Adding Audio

Adding Image Maps

4) INLINE HTML STYLES

Adding Color

Background Color

Text Color

Fonts

5) CASCADING STYLE SHEETS

CSS Files

CSS Syntax

Type/Element Selector

Class Selector

ID Selector

Styling Text

Styling Layouts

Block vs Inline Elements

Floating & Cleared Elements

6) ADDING STRUCTURE

Designing a Layout

Styling the Structure with CSS Styles

Building your Text Styles

Building the HTML Page

7) CMS SYSTEMS

What are they

How do they work

Connecting to Databases

WordPress

8) HTML COLOR CODES

9) HTML TAG REFERENCE LIBRARY

Basic Structure

Text Formatting

Links

Lists

Multimedia

Tables

Forms

10) CSS PROPERTY REFERENCE LIBRARY

11) COMMON WEB FONTS

Web Safe Fonts

Google Fonts

12) COMMON WEB MEASUREMENTS

Relative Lengths

Absolute Lengths