Stormux Logo

A blue square with runic style text that spells out the word STORMUX. Above it is a rectangle emblem representing a computer terminal prompt using >_ to indicate it is ready for input.

A Brief Introduction to hypertext markup language (html)

Html was created by Tim Berners-Lee and released to the public in 1995 as html2. Html steands for HyperText markup language.


A Table With Headers

Day Class Start Time End Time
Monday Audio Game Design 8:00 AM 9:00 AM
Tuesday AI Programming 9:30 AM 10:30 AM
Wednesday Javascript 11:00 AM 12:00 PM
Thursday Open Source Social Media 1:30 PM 2:30 PM
Friday Web Accessibility 3:00 PM 4:00 PM

Links and Lists

This is a combination of tags, it places the links in an ordered list. The items are numbered.

  1. Valid HTML5
  2. Valid HTML5 (opens in new tab or window)

This next list contains the same links, but this time it's an unordered list. Each item is marked with a bullet, and thus no order is implied other than top to bottom.

Finally, we have a definition list. This is like a dictionary, containing a term and its definition. It could also be used as a menu, like for a restaurant. In our case, however, there will be some terms that will be used during the class along with links to learn more about the topic.

Cascading Style Sheets (css)
Describes how elements should be displayed on a screen, in print, or in other media. It allows web designers and developers to control the layout, appearance, and formatting of multiple web pages all at once. Learn more about CSS at w3schools.
JavaScript
A high-level, interpreted programming language that is primarily known for its role in web development. It was created to make web pages interactive and dynamic by allowing client-side scripts to interact with the user, control the browser, communicate asynchronously with servers, and alter the content being displayed on a webpage. Learn more about Javascript at w3schools.
Markup Language
A system for annotating a document in a way that is syntactically distinguishable from the text. The annotations, or "marks," are typically embedded directly into the text to provide instructions for how the text should be displayed or processed. These instructions can include formatting, structuring, and other presentational information. The most commonly recognized markup language is html, but others include extensible markup language (xml), and markdown.
Programming Language
A programming language is a formalized set of instructions that can be used to produce a wide range of outputs, such as software programs, scripts, or algorithms, by specifying a sequence of computational steps. It serves as an intermediary between human programmers and computers, allowing humans to communicate their intentions to machines in a way that can be understood and executed.

Learn more!

This very basic introduction to html will allow you to more confidently understand the parts of a webpage, and even create your own. All you need is a plain text editor, not a word processor, and a web browser.

Remember, all you need is a doctype declaration, head, and body. Here is a very simple page. If you try it, remember to save the file with a .html extension.


<!DOCTYPE html>
<html lang="en">
<head>
<title>My First Web Page</title>
</head>
<body>
<p>
Hello world!
</p>
</body>
</html>

To display your page, simply select "Open File" in your web browser and navigate to the file you created. Your web page will appear, and congratulations are in order.