Thank you for taking an interest in this book.
This book is a guide to HTML, CSS, and design software.
It provides detailed explanations that are accessible to beginners,
along with a wealth of practical know-how and examples that can be used in real-world work.
Whether you are learning HTML and CSS for the first time, are already proficient in another programming language,
or want to build your front-end skills, this series should serve you well.
This series consists of 4 parts.
- Easy and Fun Programming HTML & CSS for Beginners Part 1
- Easy and Fun Programming HTML & CSS for Beginners Part 2
- Easy and Fun Programming HTML & CSS for Beginners Part 3
- Easy and Fun Programming HTML & CSS for Beginners Part 4
Each volume assumes that you are reading the series in this order.
The contents of each volume are listed below.
Easy and Fun Programming HTML & CSS for Beginners Part 1
Chapter 1 HTML, CSS, JavaScript, Browsers and Operating Systems
What Is HTML?
What Is CSS?
What Is JavaScript?
What Is a Browser?
What Is an Operating System?
Chapter 2 Equipment and Environment Setup Before Building with HTML and CSS
The Equipment You Need
What Is Environment Setup?
About File Extensions
Installing a Text Editor, and Character Encoding
Installing the Browsers
Chapter 3 The Basics of HTML
Before You Start HTML
Creating an HTML File
How a Website Gets Displayed
Let Us Build a Website by Copy and Paste First
Tags and Elements Explained
About Commenting Out
Let Us Display a Title
Let Us Display Some Text
Why We Use Tags
The img Tag for Displaying Images, and HTML Attributes
Absolute Paths and URLs
About Relative Paths
Let Us Build a Hyperlink
Other Ways of Writing Paths, and When to Use Which
Choosing Between Path Types
About Image File Formats
Let Us Build Some Headings
Let Us Build a Table
Let Us Build a List
Indentation Rules When Coding HTML
The Purpose of Using Tags
The div Element and the span Element
HTML Special Characters (Character Entities) and the pre Element
Easy and Fun Programming HTML & CSS for Beginners Part 2
Chapter 4 The Basics of CSS
The Basics of CSS Syntax
Where to Write CSS
About Writing CSS in the style Attribute
About Writing CSS in the style Element
About External CSS Files
Indentation Conventions When Writing CSS
Commenting Out in CSS
About the class Attribute and the id Attribute
How to Use the class Selector
How to Use the id Selector
The Difference Between the class Selector and the id Selector
Let Us Change Text Color and Background Color
Let Us Change Text Size and Add Decoration
Let Us Specify Fonts
Let Us Adjust the Position of Text
Let Us Change Height and Width
Let Us Add Borders
Let Us Specify a Background Image
About the display Property
About Block Elements, Inline Elements and Inline Block Elements
About Using the Browser Developer Tools
Slightly Advanced CSS Syntax: Descendant Selectors
Slightly Advanced CSS Syntax: Targeting Adjacent Elements and More
Slightly Advanced CSS Syntax: Pseudo-Classes
margin and padding
Easy and Fun Programming HTML & CSS for Beginners Part 3
Chapter 4 The Basics of CSS (Continued from the Previous Part)
About the float Property
About the overflow Property
About clearfix
About Column Layouts Using float
About the position Property
About the z-index Property
About How to Adjust Background Images
About the before Pseudo-Element and the after Pseudo-Element
About Reset CSS
About the box-sizing Property
About CSS Specificity and !important
Easy and Fun Programming HTML & CSS for Beginners Part 4
Chapter 5 The Basics of the Software That Opens Design Files
About Design Software
The Bare Minimum You Need to Know About Using Design Software
Know-How for Working with Design Software You Have Never Used
Chapter 6 Let Us Build a Website for Desktop
Before You Build a Website for Desktop
What to Check Before You Build a Website
About Checking the Specifications and Design Assets You Receive
Preparations Before You Start Coding (Sketching the Design Structure, and Reset CSS)
About How to Choose HTML Elements (Tags), and the Thinking Behind It
About Building the header Element
About Building the main Element and the footer Element
Building the Base of the Menu List Page
Building the Text and Photos of the Menu List Page
Building the Overview Page
Building the Access Page
About How to Test Your Site, and Some Notes on What We Have Covered
