HTML Glossary



<a>

Name: Anchor
Type: HTML Element

The <a> element is used to create hyperlinks to other resources. It is placed around text to produce a clickable area that will open the webpage or other link.

Example:
<a href="URL">Link Text</a>

Attributes:
href = URL of destination link


<body>

Type: HTML Element

The <body> element is used to enclose the main contents of the HTML webpage. Content inside the <body> element is generally the visible content on a webpage, while the content located outside the <body> element is not visible.

Attributes:
None

____________________

<button>

Type: HTML Element

This creates a clickable button on the website.
Other elements are required for the button to do anything.

Example:
<button>Click Me!</button>


<!DOCTYPE>

Type: XML Element

DOCTYPE is a bit different from the standard HTML Element. It is technically XML, not HTML, and thus capitalization matters. The position matters, as well. The single tag exists outside the <html> tags, and does not follow the standard rules of opening/closing tags that HTML tags do. It appears in the first line of a document.

Example:
<!DOCTYPE html>


<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Type: HTML Element

The heading elements are used for headline scripts within the webpage. Headings create new lines separate from paragraphs, and are a larger, bold text by default.
<h1> produces the largest text, with <h2>, <h3>, and so on getting progressively smaller.

Compare to: <head>

____________________

____________________

HTML

Type: Acronym / Terminology

The term HTML stanks for Hypertext (HT) Markup (M) Language (L). It is a coding language which wraps plain text with markup tags, encased in angle brackets, to display formatting. The term "hypertext" refers to the ability of HTML documents to connect to other documents through the ues of hyperlinks, or just "links", thru a clickable section in the document.

____________________

<html>

Type: HTML Element

The <html> element encapsulates all the other HTML code on the page. The first tag will be <html>, with the last tag being </html>.

Example:
<html lang="en">

Attributes:
lang = specify language

lang="en"English
lang="en-US"English (US specified)

____________________

html

Type: XML Attribute*

The html attribute* is used as part of the DOCTYPE declaration, specifying the document as a HTML document. It is used outside the standard HTML code, being used in XML instead, and so does not follow the typical conventions as HTML code. It is used in the first line of a HTML document, before any of the proceeding HTML tags, and so follows its own rules.

* Note: I am not familiar with XML, so my be misclassing what type of code this is. However, in the context of HTML, it would be considered an attribute. Thus, users can treat it in a similar manner.

Example:
<!DOCTYPE html>

____________________


<img />

Type: HTML Element

The <img /> element displays an image on the webpage. The image element does not display independent from the surrounding text, expanding the current line of text to the size of the image.

Note:
A method will need to be used to separate an image from a nearby paragraph, using either <p> or <div>.

Example:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Attributes:
alt = alternate text if image file cannot be displayed
height = set specific height
src = URL for image file
width = set specific width


<li>

Type: HTML Element

This is the element that creates the individual items in a list. It is used alongside the <ol> and <ul> elements.

Example:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Also See:
<ol>
<ul>


<ol>

Type: HTML Element

<ol> produces a number list.
The <li> element is used alongside <ol> for the items in the list.

Example:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Also See:
<li>


<p>

Type: HTML Element

The <p> element is used to create a paragraph of text in a webpage.

Example:
<p>
The paragraph element is used to separate blocks of text.
Multiple sentences can be together in one paragraph,
although they will typically share a common idea.
</p>

<p>
New paragraphs in HTML display as new blocks of text with a blank line between them.
</p>

Attributes:
title = display text as a tooltip when mouseover


<title>

Type: HTML Element

The <title> element holds the title, which displays in the top of the tab or window. It is used within the <head> element.

Attributes:
None

____________________

title

Type: HTML Attribute

The value of the title attribute will be displayed as a tooltip when you mouse over the element.

Example:
<p title="I'm a tooltip">This is a paragraph.</p>


<ul>

Type: HTML Element

<ul> produces a bulleted list.
The <li> element is used alongside <ul> for the items in the list.

Example:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Also See:
<li>