Date post: | 19-Dec-2015 |
Category: |
Documents |
View: | 267 times |
Download: | 1 times |
HTML tags
Skills: adding HTML tags, text editor
IT concepts: plain text, computer components – storage versus memory, separation of content and format
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
What is HTML?
Hypertext Markup Language
HTML tags are added to Web documents to control their layout and appearance.
Hypertext is non-linear – the reader can follow links, jumping from page to page.
Linear text is read from start to finish.
Hypertext systems predate the Web, but the Web caught on.
There are tools for creating Web sites that generate HTML for you – why learn HTML?
• Every user– To be able to modify pages – for example adding a
feature to a blog– To understand how the technology works in order to
feel empowered and in control
• Developers– To be able to write programs that generate HTML
We will not use an HTML generating tool, we will compose HTML documents using a plain text editor.
The Notepad text editor
• Notepad is included with Windows.• Notepad is in the Accessories program group.• Start > All programs > Accessories > Notepad
An ASCII example
L 1001100
a 1100001
r 1110010
r 1110010
y 1111001
My first name, Larry, would be encoded as follows:
It requires only five bytes of memory or storage:
01001100 01100001 01110010 01110010 01111001
Only the character codes are recorded.
Before starting, turn off extension hiding
start > computer > tools > folder options ... > view
Uncheck
You only have to do this one time.
Check to see the file was saved in the directory you selected
Be sure the file has the extension .htm, not .txt.
Display the page using a Web client
But, I do not like the formatting – I want to add a heading and a paragraph break, so I must add some more HTML tags.
View the page by double clicking on the file name or using the File > Open command in the Web client.
Notepad and a Web client side by side
Simple debugging -- change the HTML, save it, and refresh the client.
Tim Berners-Lee invented HTML
Tim Berners-Lee was knighted by Queen Elizabeth for his invention of the World Wide Web. He is shown here, along with the first picture posted on the Web and a screen shot from an early version of his Web browser.
Reference links
• A dozen tags to get started
• HTML tutorials with executable examples
• The original ASCII code