Notepad Icon HTMLHTML

HTML is the language used by web browsers to display text and images on web pages. (Styles are used to format the appearance of text, images and page layout.)
stands for HHYPERTEXT

Hypertext is text which contains links to other files or Web pages.
yperText MMARKUP

Markup refers to annotating a document in appropriate places to indicate how the file should be displayed. That is basically what HTML tags do: display information. Markup indicators are often called tags.

An example of the term markup is the Show Markup menu option in Microsoft Word, which shows proposed document changes which will affect what is displayed and how it will be displayed.
arkup Language. HTML is the language that Web pages are written in. It uses TagsTAGS

Tags are used to mark or label items, such as headings or paragraphs or tables. In HTML, tags are used to markup the document to command or instruct the browser what text or images to display and how to display them.
, such as <body> or <h1>, to display text and images in a Web browser. A complete line of HTML code is called an ElementELEMENT

An element is an HTML statement and includes everything between a start tag (<) and its matching end tag (>).
and is surrounded by angle bracketsANGLE BRACKET

Yes, these angle brackets really are less than and greater than signs; however many Web professionals refer to them as angle brackets.
(< >). For instance, an example of a heading might be: <h1>Learning about Web pages</h1>

Notepad is a very simple and free text editor. It comes with Microsoft Windows. Unlike a word processor, Notepad does not allow you to set colors, or use multiple fonts in a document, or insert images into text files. Notepad files are very small. The short 5 minute YouTube video below shows you how to quickly create and edit a simple introductory Web page using Windows Notepad.

Note 1: The extension must be .htm or .html, not the default Notepad .txt extension.
Note 2: Avoid using spaces in Web filenames.
Note 3: Filenames are case sensitive on Linux / UNIX servers, so pay careful attention to how you type your filename; you must use the same case structure when accessing it on the Web.
Note 4: By convention, HTML tags are typed in all lowercase.
Note 5: Most HTML tags like <body>, <p>, and <strong> basically are "nested" containers - one placed completely within another. For instance, the opening and closing <body> tags might completely surround a <p> tag container which may contain a <strong> tag, as shown below:
<body>
  <p>This is a <strong>demo</strong> line</p>
</body>

For more HTML code samples see: www.w3schools.com
For other resources and tutorials see: quackit.com and htmlquick.com

Many webweavers open the Notepad window on the left sideSetting Screens

In Windows 7, you can tap [Ctrl] + [left arrow] to automatically set the active window to occupy the full left half of the screen.
of the screen and have the browser window open on the right side of the screen. Once both windows are displayed, you can tap [Ctrl] + [S] to save your Notepad edits and then in the browser window click Refresh or [F5] to see the current results.

Review Assignment Learning Project: 10 Practice Review Steps

Return to Menu   Top