This workshop leads you through the basics of Hyper Text Markup Language
(HTML). HTML is the building block for web pages
The tag is the text that will appear in your browser. The text between the and tags will be displayed in bold font
Objectives:
At the end of this workshop, you will be able to:
Use a text editor to write an HTML document.
Be able to use basic tags to denote the paragraph, loud or special type
Create hyperlinks for other documents
Create an Email Link
Add images to your document.
Use a table for layouts
Apply colors to your HTML document
Prerequisites:
You will need a text editor, such as Notepad and Internet Browser, such as Internet Explorer or
Netscape.
Q: What is Notepad and where do I get it?
A: Notepad is the default Windows text editor, on most Windows systems, click your start
Choose buttons and program accessories then this should be a little blue notebook
Mac user: Simple text is the default text editor on Mac. Use TextEdit and Change in OSX
Low Priority: Choose Relative Text instead of Riff Text (in Priority Window)
Then select Ignore Rich Text commands in HTML files. This is very important because if you do not
This HTML code probably will not work
To authorize your HTML, you should use one thing that is a word processor (like Microsoft Word)
Documents
What is an HTML file?
HTML is a format that tells a computer how to display a webpage. Documents are themselves
Plain text files with a specific “tag” or code that uses to interpret and display a web browser
Information on your computer screen
HTML is for hyper text markup language
An HTML file is a text file containing small markup tags
Markup tags tell web browsers how to display pages
An HTML file should have an htm or html file extension
Try it?
Open your text editor and type the following text:
NOte: Remove space ➡
< html>
< head>
< title>My First Webpage< /title>
< /head>
< body>
This is my first homepage. < b>This text is bold< /b>
< /body>
< /html>
Save the file as mypage.html. Select Open (or Open Page) in your Start Internet browser file
A dialogue box of your browser’s menu will appear. Select Browse (or Choose File) and locate html
The file you just created – mypage.html – select it and click Open Now you should see an address in
Dialog box, for example C: \ MyDocuments \ mypage.html. Click OK, and the browser will display them
Page. To see how the page should look, go to this web page:
Example Explained:
What you just made is a skeleton html document. This is the minimum required information for a web document and all web documents should contain these basic components. The first tag in your html document is < html>. This tag tells your browser that this is the start of an html document. The last tag in your document is < /html>. This tag tells your browser that this is the end of the html document.
The text between the head> tag and the /head> tag is header information. Header information is not
displayed in the browser window.
The text between the < title> tags is the title of your document. The < title> tag is used to uniquely
identify each document and is also displayed in the title bar of the browser window.
The text between the < body> tags is the text that will be displayed in your browser.
The text between the < b> and < /b> tags will be displayed in a bold font.
1 thought on “html tag basics part 1”