Web Page Design – Building Your First Page

Web Page Design

Your first web page design can feel either intimidating or exhilarating. I refuse to fluff it up for you, so without further ado, follow the steps below to build your first web page design.

Basic Web Page Design

First, you should understand <tags>. Tags literally show the hypertext markup language (html) in plain English. Understanding that, allows you to read a basic web page design. Next, you should note that every <opening> tag needs a </closing> tag. 

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
<!DOCTYPE html>

Right away we get into an exception. This particular tag simply tells your browser how to read the web page bellow. In this case, it informs the browser that the web page design features html.

<html> </html>

The browser reads everything between these two tags as html. Nothing really complicated, just instructions for a program.

<head> </head>

This particular tag holds all of the pieces the user never sees. Browsers use it to find things like the title and styles used in the page design. Search engines and some operating systems look for the page metadata here.

<body> </body>

A visitor or user sees everything between these tags. This defines the meat and potatoes of the web page. 

<title> </title>

This tag allows browsers to show the title of a web page. It also used to deliver the metadata name to search engines in the past.

<h1> </h1>

The header of a web page allows the designer to organize the data into sections. The Header 1 (h1) tag defines the title of the web page. You should use h2-h6 for subsections after that.

<p> </p>

Pragraph tags denote where each paragraph begins and ends. While most sites still support this, many now feature other content tags.

I grew up in Colonia Juarez, Chihuahua, México, where people either owned cattle ranches or fruit orchards. Much of my work ethic came from working on Rancho La Mesa (my family’s ranch). That ranch also sparked what grew into my wild imagination.