HTML Basics - pdf

This pdf file leads you through the basics of Hyper Text Markup Language.

By the end of this workshop, you will be able to:





pdf HTML Basics



Create hyperlinks to other documents

The HTML anchor element <a> </a> creates a hyperlink to specifics part on the same HTML page, other web pages, scripts or any other URL adress. The anchor element is used together with the href attribute that contains the URL of the files.

Syntax: <a href="url">text link</a>

example:

<a href="https://itpresent.com">IT present </a>

result:

IT present



Add images to your document

To insert images on HTML pages, the <img> tag is required with the "src" attribute.

<img src=”earth.png” >

Using the width and height attributes, you can specify the size of the image in pixels or percentages.

<img src=”earth.png” width="150px" height ="125px" >

Using ALT tag you can add a short description of the image in case the user does not see the picture because it did not show up on the display e.g.

<img src=”earth.png” width="150px" height ="125px" alt="planet earth">

planet earth



pdf HTML Basics