Your SlideShare is downloading. ×
Intro to htm lv3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Intro to htm lv3

262
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
262
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. INTRODUCTION TO HTML Workshop onMultimedia Content Development In Collaboration withCommonwealth Educational Media Centre for Asia (India) Date: 05-09 Feb., 2011; Venue: Bangladesh Open University, Gazipur. By David Asirvatham, PhD University of Malaya
  • 2. Introduction to HTML1.0 What is HTML?HTML is a special kind of textdocument that is used by Browsers topresent text as well as graphics.These documents are often referredto as Web Pages.HTML documents use tags 2(example: <b> to bold, <P> toindicate start of paragraphs, etc.) toformat the document.Here, you will learn to create somesimple HTML document using somebasic tags. This module provides anoverview of how the tags are used tocreate simple HTML pages.HTML documents are divided intoelements, which are marked by tags2.0 How to create an HTMLpage?1. Open the Notepad2. Select All Program -> accessories -> Notepad3. In the Notepad, type the text shown in the image. 3David Asirvatham® Page: 2
  • 3. Introduction to HTML3.0 To save the file:1. In the Notepad, select File -> Save As 22. Select a suitable folder to save your file3. Type a filename: MyWebPage.html4. Ensure the file extension is .html and select All Files (*.*) 3To view the HTML Page:5. Go to the folder where you have saved the file.6. Double Click to open the file in 4 browser. 6David Asirvatham® Page: 3
  • 4. Introduction to HTML4.0 To bold text:1. Return to the Notepad2. To bold a word or phrase, use the tag <B> at the beginning and 2 </B> at the end.5.0 To view the HTML Page:3. Go to the folder where you have saved the file.4. Double Click to open the file in browser.5. Similarly, you can do further formatting of the text by using the following tags: 4 a. <i> and </i> for italics b. <u> and </u> for underlined c. <tt> and </tt> for typewriter6 Try formatting using the above tags. 5David Asirvatham® Page: 4
  • 5. Introduction to HTML6.0 To change font size and colour:1. Return to the Notepad2. The format for font size is as follows: <font size=5> text </font>3. The format to change colour of test is as follows: <font color=red> text </font>4. Type the tags as shown in the 4 figure.5. Save the document and view it in the browser.7.0 To insert Paragraphs:1. Return to the Notepad.2. To insert a paragraph, the tag <P> and </P> is used. 2David Asirvatham® Page: 5
  • 6. Introduction to HTML8.0 To create hyperlink:1. Return to the Notepad.2. The format for hyperlink is as follows: <a href= "http://www.um.edu.my/" > University Malaya </a>3. Type the text in the Notepad as shown in diagram4. Save the document and view it in the browser. 3 4David Asirvatham® Page: 6
  • 7. Introduction to HTML9.0 To create e-mail link:1. Return to the Notepad.2. The format for hyperlink is as follows: <a href= "mailto: smith@gmail.com/" > William Smith </a>3. Type the text in the Notepad as shown in diagram4. Save the document and view it in the browser. 3 4David Asirvatham® Page: 7

×