If you are interested in learning how to build and design websites, Hyper Text Markup Language (HTML) is a great place to start. This project-based tutorial series will introduce you to HTML and its methods by building a personal website using our demonstration site (below) as a model. Once you learn the basics, you will know how change the website's design and add personalized content. No prior coding experience is necessary to follow along the chapters in this book.
HTML is the standard markup language used to display documents in a web browser. First developed by Tim Berners Lee in 1990 while working at the European Organization for Nuclear Research (CERN), HTML was one of the key innovative technologies used to publish the world's first website on August 6, 1991. Thanks to a restoration project by CERN, you can now revisit the original website. Since that time, HTML has been significantly updated and expanded but its basic purpose to format and structure web pages remains the same.
In this book, you'll learn how to create and customize a website using common HTML tags and techniques. After finishing this book, you'll have a site ready to deploy to the cloud.
This open book is licensed under a Creative Commons License (CC BY-NC-SA). You can download How To Build a Website with HTML ebook for free in PDF format (27.1 MB).
Table of Contents
How To Set Up Your HTML Project
How To View the Source Code of an HTML Document
How To Use and Understand HTML Elements
How To Use Inline-level and Block-level Elements in HTML
How To Nest HTML Elements
How To Use HTML Attributes
How To Add Images To Your Webpage Using HTML
How To Add Hyperlinks in HTML
How To Use a <div>, the HTML Content Division Element
How To Modify the Color of HTML Elements
How To Set Up Your HTML Website Project
How To Add an HTML <head> Element To Your Webpage
How To Add a Favicon to Your Website with HTML
How To Style the HTML <body> Element
Creating the Top Section of Your Homepage With HTML
How To Add a Background Image to the Top Section of Your Webpage With HTML
How To Add a Styled Profile Image To Your Webpage With HTML
How To Add and Style a Title To Your Webpage With HTML
How To Create and Link To Additional Website Pages With HTML
How To Center or Align Text and Images on Your Webpage with HTML
How To Create the Body of Your Homepage With HTML
How To Add a Footer To Your Webpage With HTML