In this section we will be learning how to code using the HTML markup language. On this journey we will be building the HTML structure of our website and introducing the various tags that form the makeup of the HTML language and modern webpages. We will introduce best practices and ways of working that will enable you to write high-quality code that could be used in a production environment.
This journey through the use of HTML will see us tackling the anatomy of the tags that form the makeup of the HTML language, before looking at how we use these tags to render text, hyperlinks, images, tables, lists and forms. These elements form the basis of all webpages, and learning how to use them will empower you to be able to create an abundance of diverse and interesting structures for your website.
Each chapter will introduce new concepts that we will be putting into practice. Each concept will follow on from and build upon the previous one, so it is important that you carry out each activity before moving on to the next concept, in order to ensure that you are always working from the same codebase as the book. The chapters will expect you to follow the code examples, and write the same, or in some cases very similar, code in your text editor in order to put into practice what is being taught in each section. At the end of this HTML section, you will have the shell of your website built, ready to be styled using CSS in the subsequent section.
Some of the section exercises will require additional files, which can be downloaded from http://indigomelody.com/confident-web-design/files. This folder contains subfolders for each chapter, which will contain both the assets required for the exercise and an example of the desired outcome from the exercise. You should compare your code to that of the example after each section to ensure you have achieved the outcome of the activity.