K attributes provide additional information about

Info icon This preview shows pages 3–6. Sign up to view the full content.

View Full Document Right Arrow Icon
k) Attributes - provide additional information about tags and control how the tag will be interpreted by the browser. i) Tags can have multiple attributes. ii) Attributes have syntax rules: (1) Attributes are entered inside the opening tag but not in the closing tag. (2) Attributes are keyed in name/value pairs. Syntax: name=”value” (3) The attribute should have an equal symbol followed by the value or setting for the attribute. (4) Attribute values are enclosed within quotation marks . l) In HTML5 there is a single doctype declaration <!DOCTYPE html>. The doctype is not technically an HTML tag. It is simply a declaration that tells the web browser the version of html in the document. m) An HTML document consists of two sections the <head> and the <body>. i) The <body> is the visible content of the web document. ii) The <head> section contains information about the page . (1) For example the <title> displays in the web browser title bar—not in the actual web document. The title must be in the <head> section. (2) The <meta> tag provides additional information about the document. (3) Internal and External CSS files are referenced in the <head> section. n) HTML tag structure and nesting of tags is illustrated in the graphic shown below. Most html elements can be nested which means they can contain other html tags. BD10 Multimedia and Webpage Design Summer 2015 Page 190
Image of page 3

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
o) HTML 5 and Audio i) HTML 5 introduced a standard way to embed an audio file on a web page using the <audio> tag. ii) The <audio> element allows multiple <source> elements. <source> elements can link to different audio files. The browser will use the first recognized format. iii) Currently, there are 3 supported file formats for the <audio> element: MP3, Wav, and Ogg p) HTML 5 and Video i) HTML5 defines a new element which specifies a standard way to embed a video/movie on a web page: the <video> element. ii) The <video> element allows multiple <source> elements. <source> elements can link to different video files. The browser will use the first recognized format. iii) Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg iv) The purpose of the <object> element is to support HTML helpers (plug-ins). Plug- ins are often used by browsers to play audio and video. Examples of well-known plug-ins are Adobe Flash Player and QuickTime. Plug-ins can be added to Web pages through the <object> tag or the <embed> tag. 3) BD10 Multimedia and Webpage Design Summer 2015 Page 191
Image of page 4
4) There are a total of 30 tags introduced and they are in two sections: First Set of 18 HTML Tags HTML Tag Description <html> Defines the root of an HTML document <head> Defines information about the document <title> Defines a title for the document. The title appears in the browser; not in the web page. The title must be in the head section. <body> Defines the document's body; the visible content. <p> Defines a paragraph <img src=> Image Tag; Defines an image; src is a required attribute.
Image of page 5

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern