Book Image

Responsive Web Design by Example : Beginner's Guide

By : Thoriq Firdaus
Book Image

Responsive Web Design by Example : Beginner's Guide

By: Thoriq Firdaus

Overview of this book

Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – building the website's HTML structure


  1. Create a new HTML file named index.html. Then, open it in Sublime Text, our code editor of choice in this book.

  2. Let's add the basic HTML5 structure as follows:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Startup</title>
    </head>
    <body>
      
    </body>
    </html>
  3. Add the meta X-UA-Compatible variable with the content value IE=edge to allow Internet Explorer to use its latest cutting-edge rendering version:

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4. Not to forget the meta viewport tag required to make the website responsive; add it in <head> as follows:

    <meta name="viewport" content="width=device-width, initial-scale=1">
  5. Add the favicon, as well as the Apple icon, below the meta viewport tag, as follows:

    <link rel="apple-touch-icon" href="assets/img/apple-icon.png">
    <link rel="shortcut icon" href="assets/img/favicon.png" type...