A web page can contain text, images audio and video.
Of all these elements only the text is actually part of the web
page document. Images, audio and video are contained in separate
files that are referred to in the web page by means of HTML tags.
What follows is a description of different elements of a web page
and the HTML tags associated with them. Web authoring software
will create these tags for you.
Text
Text is added to a web page by typing
it directly into an HTML document.
Images
Images are displayed in a web page by referring
to the folder where the image is stored. For instance the image
of the Russian poet below is put onto this page by referring to
an image file stored in the images folder using the following
HTML tag:
img src="images/pushkin3.jpg" width="169" height="216"
(chose View Source to see this
HTML tag)
As stated above, the Web authoring software will
create this tag for you.
To learn more about
editing and implementing images see : Image
Manipulation
Links
Links can be made to other points
in a given page (anchors), to other pages in your website (local
links), and to other websites (remote links). Links can be attached
to text, images and to audio and video files. In all cases the
HTML tag is the same. See:
|
Middlebury
College
|
|
Animation
|
|
remote text link
|
remote image link
|
local text link
|
|
a href="http://www.middlebury.edu/"
a remote link is one that connects the viewer to a page
that you have no access to i.e. a page that is not created
by you, but by someone else.
|
a href="http://www.middlebury.edu/"
img src="images/mchome.gif" width="155" height="109" border="0"
|
a href="../animation/index.html"
a local link is one that connects the browser to another
page in your root folder i.e. to a page that was created
by you.
|
|
Top of Page
|
<a href="#top">Top
of Page</a> |
|
anchor
|
(chose View Source to see these
HTML tags used in this webpage)
Audio
& Video
Audio and video files can be linked to a webpage
or embedded in a webpage. Below is an example of audio that is
linked to this page and video that is embedded in this page:
|
|
|
embedded video
embed src="video/13a_1.mov" width="325"
height="256" autoplay="false" controller="true"
|
|
|
linked audio
a href="audio/13A_A.mov"
|
(chose View Source to see these
HTML tags)
Streaming Audio and Video
Audio and video files can be downloaded from a web
server to your computer or they can be streamed from a special
streaming server.
Streaming is a method of serving that involves sending
only small portions of the audio and video files to your computer
at any given time, drastically reducing download time. As these
small portions are being played, subsequent portions of the audio
or video are buffered into your computers memory. Here is examples
of streaming media:
|
Japanese
video
|
streaming video
a href="http://streamer.middlebury.edu/ramgen/curricular_resources/japanesemedia/jsl_video/13A_1.rm"
|
|
Japanese
audio
|
streaming audio
a href="http://streamer.middlebury.edu/ramgen/curricular_resources/japanesemedia/jsl_audio/13A_A.ra"
|
| |
| |
(chose View Source to see these
HTML tags)
To learn more about
audio and video editing see : Audio
and Video
