How to Write a Basic Webpage

Every basic webpage starts off with the basic coding of  
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading </h1>
<p>Paragraph <p>
</body>
</html>
The <!DOCTYPE html> declaration defines this document to be HTML5
The <html> element is the root element of an HTML page
The <head> element contains meta information about the document
The <title> element specifies a title for the document
The <body> element contains the visible page content
The <h1> element defines a large heading
The <p> element defines a paragraph

Tags and Elements

<tagname>content goes here...</tagname>
HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a forward slash inserted before the tag name

The HTML element is everything from the start tag to the end tag

Headings

Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.


<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Links

HTML links are defined with the <a> tag:
Example: <a href="http://www.w3schools.com">This is a link</a>
The link's destination is specified in the href attribute.

Images

HTML images are defined with the <img> tag. The source file (src), alternative text (alt), width, and height are provided as attributes:
Example: <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Attributes

All HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

Here are some examples


<html lang="en-US"> The lang attribute defines the language
<p title="I'm a tooltip">This is a paragraph</p> The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph
<a href="http://www.w3schools.com">This is a link</a> The href attribute is where the link adress is specified

The Style attribute

The style attribute changes how the writing is viewed. It is written in a start tag after the tag name.


Some examples are...
style="background-color:powderblue;" style="color:blue;" style="font-family:verdana;" style="font-size:300%;" style="text-align:center;"