Technical description of multimedia tags in html

Add images to plain-text HTML pages, adding anger to the original tedious page. Insert a picture with the tag in the HTML language. 1. Picture markers and their properties

On the Web site, web designers use a large number of well-designed picture files. Images are available in a variety of formats, such as JPEG, GIF, BMP, TIF, pic, and more. Currently in the web design is commonly used in JPEG and GIF format pictures.

In the HTML file, insert the picture with the tag, which does not have a terminating tag. When the browser reads the tag, it displays the Picture it represents. The properties of the picture marker are shown in Table 2.5.

Table 2.5 Properties of picture markers

　　

Property	Description
Src	URL address of the image
WIDTH	Image width
HEIGHT	Image Height
Hspace	Horizontal Spacing
Vspace	Vertical Spacing
BORDER	Image border, default value is 0
Alt	The description text of the image. If the browser does not support images, the description text will be displayed instead of the image
Lowsrc	Show low-resolution images
ALIGN	Arrangement of images and adjacent text
DYNSRC	URL address of the video file
LOOP	Video file Loop play times
Loopdelay	Video file Loop playback delay
START	How video files are played
Usemap	Image map Maps

The following is a detailed description of the picture tags properties.

URL address attribute of image src

The src attribute indicates the URL address of the image, either an absolute address or a relative address.

Grammar:

file_name: Insert Image path.

Width and Height properties of the image

Grammar:

Width: Sets the height of the image in pixels.

Height: Sets the height of the image in pixels.

Horizontal and vertical spacing properties of images hspace, vspace

You can adjust the left and right distance between the image and the text and up and down.

Grammar:

Hspace: Sets the distance of the image in the horizontal direction and the text in pixels.

Vspace: Sets the distance of the image in the vertical direction and the text in pixels.

Image Border Properties Border

The default image is no border, and the property border lets you set the border for the image.

Grammar:

Value: The width of the border line, in pixels.

Image description Text attribute alt

Set the attribute alt, in the browser when the mouse is placed on the image, the description text will appear, when the browser does not support the display of image files, the set of descriptive text instead of the image display.

Grammar:

Show low-resolution image Properties Lowsrc

Consider that some users are slow to browse the site, you can insert a low-resolution image in the Web page. Low-resolution image quality is poor, but occupies a small space, transfer files faster, can be applied to network congestion on the line.

Grammar:

file_name: Insert Image path.

2. Image Super Link

In a Web page, you can specify an image as a hyperlink. Unlike using text as a hyperlink, when you click an image, it jumps to the linked page. The following describes the syntax and considerations for using images as hyperlinks.

Use images to make hyperlinks

Use hyperlink markers <A> and picture markers specify images as hyperlinks.

Grammar:

<ahref= "URL" ></A>

Example:

Link the image file 01-01.gif to "Http://www.soAsp.net" with the following code:

<ahref= "http://www.soAsp.net" target= "_blank" ></A>"

Considerations for hyperlinks using images

To make the page visually better, you can specify the image as a hyperlink to design the navigation bar on the head of the page, or as a navigation button, and click the navigation button to make it easy for the user to view the jump page forward or backward in the page. However, it is not possible to use image hyperlinks in large space, and the following considerations apply to Image hyperlinks:

(1) Do not use image hyperlinks in a large number of pages. The speed at which the images are loaded and downloaded is affected when the site is slow to navigate.

(2) Use images linked to hyperlinks as hyperlinks.

3. Embed Multimedia

You can embed the multimedia file directly in the HTML file. Multimedia refers to the use of computer technology, the integration of a variety of media, so that it can establish a logical connection, and to carry out various processing of a method. Multimedia mainly includes text, sound, image and animation and other forms. Use tags <EMBED> embed multimedia files in HTML files.

Grammar:

<embedsrc= "File_url" width=valueheigth=valuehidden=hidden_valueautostart=auto_valueloop=loop_value></ Embed>

The properties of the tag <EMBED> are shown in table 2.6.

Table 2.6 Properties of markers <EMBED>

　　

Property	Description
Src	Multimedia file path
WIDTH	To play the width of the multimedia file area
Heigth	Play the height of the multimedia file area
HIDDEN	Controls the display and hide of the playback panel, with a value of true for the hidden panel, the value of no represents the display panel
AUTOSTART	Controls whether the multimedia content is automatically played, the value is true for AutoPlay, and a value of false indicates that it does not play automatically
LOOP	Controls whether multimedia content is looped, evaluates to True for Infinite loop playback, and no for play only once

Here's how to embed different multimedia files using the <EMBED> tag.

Embed MPG movie files with <EMBED> tags

MPEG (Moving Pictures Experts Group, dynamic image Expert Group) digital video format is the international standard of motion image compression algorithm, using lossy compression method to reduce redundant information in moving image. It is used in digital TV, dynamic image, real-time multimedia monitoring, mobile multimedia communication, video service on internet and visual game, interactive multimedia on DVD.

Embed MP3 music files with <EMBED> tags

MP3 (MPEG Layer3) is a digital audio format that is encoded as standard compressed audio with MPEG Layer3 compression. MP3 compression rate can reach 1:12, that is, 1 minutes of CD-quality music through the MPEG Layer3 compression encoding can be compressed to about 1 trillion and basically remain undistorted. You can embed MP3 sound files in your Web pages to meet the needs of your visitors.

Embed AVI video files with <EMBED> tags

AVI (Audio Video interlaced) is a digital video compression format that does not require specialized hardware to participate in a large number of video compression, is a mixture of file audio data and video data, that is, audio data and video data interleaved in the same file. With Microsoft Video for Windows support, you can use software to play AVI video signals, so it is a file format that is often used in the editing of videos. Most CD-ROM multimedia discs also use AVI as the storage format for video files.

Embed Flash animations with <EMBED> tags

Flash animation is a vector animation format, is used Macromedia Company's Flash software editing, with small size, good compatibility, intuitive movement, strong interactivity, support MP3 music and many other advantages, is today's more popular Web page animation format. On any one version of the browser, just install the plugin, you can watch the Flash animation

Technical description of multimedia tags in html