COMM 3353

HTML

Hyper Text Markup Language

What does HTML describe?

the structure of a Web page

What are HTML elements represented by?

tags

<!DOCTYPE html>

defines document to be HTML5

<html>

the root element of an HTML page

<head>

contains meta information about the document

<title>

specifies a title for the document

<body>

contains the visible page content

<h1>

defines a large heading

<p>

defines a paragraph

HTML tags

element names surrounded by angle brackets

HTML tags normally come in

pairs, like <p> and </p>

The first tag in a pair is the ? tag, the second tag is the ? tag.

start, end

The end tag is written like the start tag, but with a ? inserted before the tag name.

forward slash

The start tag is also called the ?, and the end tag the ?.

opening tag, closing tag

The purpose of a web browser is

to read HTML documents and display them.

The browser does not display the HTML tags, but uses them to

determine how to display the document.

The <!DOCTYPE> Declaration (4)

represents the document type and helps browsers to display web pages correctly; must only appear once, at the top of the page; not case sensitive

The <!DOCTYPE> declaration for HTML5 is

<!DOCTYPE html>

All HTML documents must start with a

document type declaration; <!DOCTYPE>

The HTML document itself begins with ? and ends with ?

<html>, </html>

The visible part of the HTML document is between ? and ?

<body>, </body>

HTML headings are defined with the ? and ? tags.

<h1>, <h6>

? defines the most important heading.

<h1>

? defines the least important heading.

<h6>

HTML paragraphs are defined with the ? tag.

<p>

HTML links are defined with the ? tag.

<a>

The HTML link's destination is specified in the ? attribute.

href

? are used to provide additional information about HTML elements.

Attributes

HTML images are defined with the ? tag.

<img>

HTML buttons are defined with the ? tag.

<button>

HTML lists are defined with the ? (unordered/bullet list) or the ? (ordered/numbered list) tag, followed by ? tags (list items).

<ul>, <ol>, <li>