21st Century Skills InnovatIon LIbrary MakerS as Innovators Web Design with HTML5 Cherry Lake PubLishing ann arbor MiChigan by Colleen van Lent
21st Century Skills InnovatIon LIbrary Contents Chapter 1 What Is HtML Chapter 2 Getting Started Chapter 3 Common tags Chapter 4 Formatting your Page Chapter 5 Publishing and beyond Glossary Find Out More Index about the author 4 8 14 23 28 30 31 32 32
MakerS as innoVaTors Chapter 1 What Is HTML U sing the Internet is easier now than it has ever been Almost everyone uses it to look at their favorite sites and even beginners can easily post content such as photos videos and blog entries Not everyone knows how to build a Web page from scratch though If you want to know about the nuts and bolts that make the Web work you will need to learn hypertext markup language HTML HTML is a set of codes and commands that can be used to build Web pages A computer is a powerful device However it needs clear instructions from a user to work properly You need to tell the computer exactly what you want it to do and how you want it to be done Web designers use HTML to mark up content such as words images and videos with tags The tags tell computers how to display content on a screen and how users can interact with it Tags are simple code words or abbreviations that are placed inside the symbols and People cannot see the tags when they use a browser to visit 4
Web Design With htML5 a Web page Instead the tags work behind the scenes For example if you have a Web page you might want to make some words appear in bold text To do this you would need two tags The first one is b This is called an opening tag It goes at the beginning of the words you want to make bold The second one is b This is called a closing tag It goes at the end of the words you want to make bold Any words you type between these two tags will show up in bold text in a Web browser So don’t forget to use end tags In other words if you want to make text bold place it between tags b and b If you type b This text is bold b a Web browser will display it as This text is bold Plan Before You Code Before you dive in to learn more HTML tags you might want to think about the type of Web page you want to make When you write an essay you probably start by making an outline Similarly the first step in making a Web page is to sketch your ideas out on 5
