Introduction to HTML
Introduction to HTML
What is an HTML?
Is a popular computer language that is used to create web page.
It is a coding system used to create a web pages.
It consists of markup that conveys information about the structure.
It provides instructions to the Web browser on how documents should appear.
URL
Uniform Resource LocatorIs a unique address for a file that
resides on the Internet.URL is composed of two forms:
Absolute URL Relative URL
Absolute URL
Is one that contains the name of the protocol and the hostname.
Complete internet address that takes one to the exact directory or file of a website. Also called absolute link
Example http://www.businessdictionary.com/
definition/absolute-URL.html
Relative URL
Is one that contains only the name of the path of a file. It is the one that points to a resource within the same site.
Example absolute-URL.html
To Illustrate...
RELATIVE URL ABSOLUTE URL
about.html http://WebReference.com/html/about.html
tutorial1/ http://WebReference.com/html/tutorial1/
tutorial1/2.html http://WebReference.com/html/tutorial1/2.html
/experts/ http://WebReference.com/experts/
./about.html http://WebReference.com/html/about.html
APPLICATIONS NEEDED
Text Editor or the HTML Editor
Web Browser
Text Editor
A text editor is a program that will allow you to edit plain text files
ExampleNotepadWordPadMicrosoft Word...
Web Browser
A web browser is a software application which enables a user to display and interact with text, images, videos, music and other information typically located on a Web page at a website on the World Wide Web
Example Internet Explorer Mozilla Firefox Apple Safari Konqueror Opera OmniWeb
HTML document structure
<html><head>
<title> </title></head>
<body>
</body>
</html>
HTML document structure
<html><head>
<title> </title></head>
<body>
</body>
</html>
Notes To Consider
• HTML tags are not case-sensitive.• Words enclosed in an angle
brackets, < >, are the codes or tags
• Tags always come in pairs. The second pairs has a slash (/) before the tag inside the bracket.• The slash means “stop”
• The tag with a slash is called the CLOSING TAG, while the one without a slash is called the OPENING TAG.
• The tag <html> and </html> must be placed at the start and end of every document.
• What you type in between the <body> and </body> tag are the content that will appear on the Web page.
• The text in between the <title> and </title> tag will appear on the title bar of a web browser.
To start making your own Web Page
1. Open a new file in Notepad.2. Type an HTML document structure.3. Save your work.
How to save
1. Click File, then Save As or Save.2. Save As dialog box will appear.3. Create your own folder.4. In the File Name box, type the file
name1. Take note, use .html as an extension file
5. Finally, click save.
The .html extension indicates that the file is a web page and not an ordinary
text file
To view your HTML document in Internet Explorer
1. Explore where you save your file.2. Double click the file.
To edit your page
1. Explore where you save your file.2. Right click the web page you want to
edit.3. Choose Open with...4. If notepad is not one of the
applications...5. Click on Browse...
Assignment
Topic: Paragraph, Text Break and Formatting Text
1. What is the tag use to create a paragraph, text break, and indentation?
2. What are formatting tags?3. Write 3 short poems.