HTML Function Tutorial
Functions in the HyperText Markup Language (HTML) are the code elements (tags) that perform various tasks. For example, tags have the ability to create a Web page, insert enhancements like photos and video, organize the content and style the text, as you prefer. You do not need special software to learn the HTML language. Instead, use your computer's text editor application to practice using the most commonly used functions found throughout many Web pages.
Other People Are Reading
Instructions
-
-
1
Start your text editor software and begin a new document.
-
2
Type in the basic HTML functions that create an elemental page. For example, the "<html></html>" tags identify the document as HTML, the "<body></body>" code is the container for your content that is visible on the Internet, and the "<p></p>" elements build paragraphs that display space above and below text entered between these tags. Enter the code as follows:
<html>
<body>
<p></p>
<body>
</html>
-
-
3
Enter the code functions that format the text of your document. Commonly used tags are the "<b></b>" that create bold text, the "<i></i>" that italicizes content, and the "<u></u>", which underlines the data. Place your cursor between the "<p></p>" tags and type the code like the following example:
<p>
<b>This is the bold text.</b>
<i>This is the italicized text.</i>
<u>This is the underlined text.</u>
</p>
-
4
Type the image function that allows you to place a picture on your Web page. Enter "<img src=" " />" and type the URL address of the photo location between the quotation marks. To illustrate:
<img src="http://www.site.com/picture.jpg" />
-
5
Enter the hyperlink (link) function that takes a user to another website on the Internet when he clicks it. Type "<a href=" "></a>" anchor code and enter the desired Web page address inside the quotations of the opening tag. Additionally, type the text that identifies the link between these elements. For example:
<a href="http://www.website.com">Website Name</a>
-
6
Save your file with an "HTM" or "HTML" ending (extension).
-
1
Tips & Warnings
If you need a URL address for your photo in Step 4, sign up for a free picture host like Photobucket or Flickr and follow the instructions to add (upload) the image to your account. Click the "Share" item and copy the address that displays. See your account's "Help" or "FAQ" page if you need help locating this feature.
